react-native-copilot
react-native-copilot copied to clipboard
Text Input not working inside CopilotStep
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
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 ?