Text Input not working inside CopilotStep
NicholasLoh opened this issue · 5 comments
NicholasLoh commented
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.1react-native
: 0.63.4react-native-svg
: 12.1.0
Possible Solution
Additional context/Screenshots
WeChat_20210125140207.mp4
ckasek commented
We are also seeing this issue on iOS, so it is not platform specific.
Liip3Lim4 commented
I'm having the same error here using in a project to Android. Any solution?
ChoudharyAshutosh commented
I have solved same error by using useRef hook and updating referenced variable and using referenced value wherever required.
subirOffice commented
i have solve this on this way
const CopilotView = walkthroughable(View); then use CopilotView.hope it will work perfectly.
faroukbouzouita commented
Hello , @NicholasLoh any news for this problem ?