IOS Keyboard blinking problem on v-model

[Kultimov]

Hello, I have the problems with IOS input, when I entering the text which have the v-model it is blinking and slows down the input. There is the screen video. I just used original package and added v-model.

IMG_6517.MP4

Anyone do you have a solution or any ideas? I have used this project as the core, and it is on production of App Store.

[RishabhKarnad]

hi @Kultimov, this is a known issue: GeekyAnts/vue-native-core#305

For now, you can use :value and :on-text-change instead of :v-model to fix the issue

[Kultimov]

Hi @RishabhKarnad, I have changed v-model statement with (:value and :on-change-text) and (:value and :OnChangeText). And added to fixed Label Input.
<nb-input :value="username" :onChangeText="(text) => (username = text)" />
This not solve the issue keyboard also blinking on IOS. There is one of the simple solution just to use onChangeText without value and no blink will be, but in some cases we need to set default value or first value. Is this a bug?

[Kultimov]

Hi @RishabhKarnad <https://github.com/RishabhKarnad>, I have changed v-model statement with (:value and :on-change-text) and (:value and :OnChangeText). And added to fixed Label Input. <nb-input :value="username" :onChangeText="(text) => (username = text)" /> This not solve the issue keyboard also blinking on IOS. There is one of the simple solution just to use onChangeText without value and no blink will be, but in some cases we need to set default value or first value. Is this a bug? чт, 20 мая 2021 г. в 11:39, Rishabh Karnad ***@***.***>:

…

hi @Kultimov <https://github.com/Kultimov>, this is a known issue: GeekyAnts/vue-native-core#305 <GeekyAnts/vue-native-core#305> For now, you can use :value and :on-text-change instead of :v-model to fix the issue — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#31 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AFLV3OQXT6IOQNNK5DLKAPTTOSOCFANCNFSM45EXEVLA> .

[RishabhKarnad]

@Kultimov does this happen with React Native TextInput as well, or only with NativeBase Input (nb-input)?

[gjdipietro]

Try

<nb-input 
  :defaultValue="username"
  :onChangeText="(input) => (username = input)"

data() {
  return {
    username: "myusername"
  }
}

[josemiguel02]

Try

<nb-input 
  :defaultValue="username"
  :onChangeText="(input) => (username = input)"

data() {
  return {
    username: "myusername"
  }
}

It really worked for me, thanks !!

[Kultimov]

Thank you very much! сб, 24 июл. 2021 г. в 05:00, josemiguel02 ***@***.***>:

…

Try <nb-input :defaultValue="username" :onChangeText="(input) => (username = input)" data() { return { username: "myusername" } } It really worked for me, thanks !! — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#31 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AFLV3OSE3ZIKH4KDLWDVISLTZHYBLANCNFSM45EXEVLA> .