mohebifar/react-native-copilot

Text Input not working inside CopilotStep

NicholasLoh opened this issue · 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

WeChat_20210125140207.mp4

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

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

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

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

Hello , @NicholasLoh any news for this problem ?