react-native-copilot icon indicating copy to clipboard operation
react-native-copilot copied to clipboard

Text Input not working inside CopilotStep

Open NicholasLoh opened this issue 3 years ago • 5 comments

Current Behavior When I have a text input inside a copilot step, i can only enter one word at a time

Input Code

<CopilotStep
    order={5}
    text={translate("home.tutorial.step5")}
    name="description">
    <CopilotView style={styles.locationBox}>
      <Text style={styles.locationTitle}>
        {translate("home.description")}
      </Text>
      <View style={styles.textAreaContainer}>
        <TextInput
          style={styles.messageArea}
          multiline
          numberOfLines={5}
          placeholder={translate("home.enterDescription")}
          value={description}
          onChangeText={onChangeDescription}
        />
      </View>
    </CopilotView>
  </CopilotStep>

Expected behavior/code Should be able to type smoothly.

Environment

  • Device: Pixel 3a Simulator
  • OS: Android
  • react-native-copilot: 2.5.1
  • react-native: 0.63.4
  • react-native-svg: 12.1.0

Possible Solution

Additional context/Screenshots

https://user-images.githubusercontent.com/46340173/105667485-4a930380-5f16-11eb-8a12-3fddfebbad6a.mp4

NicholasLoh avatar Jan 25 '21 05:01 NicholasLoh

We are also seeing this issue on iOS, so it is not platform specific.

ckasek avatar Feb 04 '21 00:02 ckasek

I'm having the same error here using in a project to Android. Any solution?

Liip3Lim4 avatar May 06 '21 14:05 Liip3Lim4

I have solved same error by using useRef hook and updating referenced variable and using referenced value wherever required.

ChoudharyAshutosh avatar Jan 14 '22 11:01 ChoudharyAshutosh

i have solve this on this way const CopilotView = walkthroughable(View); then use CopilotView.hope it will work perfectly.

subirOffice avatar May 23 '22 14:05 subirOffice

Hello , @NicholasLoh any news for this problem ?

faroukbouzouita avatar Feb 01 '23 17:02 faroukbouzouita