Site icon May's Notes

React Native TextInput 設置 multiline 在 iOS 上會自動調用 onChangeText 的 bug

React Native logo
<TextInput
  style={styles.input}
  multiline={true}
  numberOfLines={4}
  value={value}
  onChangeText={onChangeText}
/>

在 Android 上一切正常,但在 iOS 上輸入文字時會無限調用 onChangeText 直到 APP 卡死。

解決方式

將 value 改為 defaultValue 就行了。

<TextInput
  style={styles.input}
  multiline={true}
  numberOfLines={4}
  defaultValue={value}
  onChangeText={onChangeText}
/>
Exit mobile version