TextInput 从右到左开始，React native

Question

我有一个 TextInput，如图所示，当文本太长时，它从右到左开始，虽然我添加了 CSS textAlign: 'left' 但它不起作用。它发生在 android 上，在 ios 上很好。有人遇到过同样的问题吗？

我的代码：

<View style={styles.myInput}>
                <TextInput numberOfLines={1} style={styles.input} placeholder="Tìm kiếm địa chỉ..." value={search} placeholderTextColor='gray' onChangeText={value => setSearch(value)} />
                <Ionicons style={styles.inputIcon} name="md-search" color='gray' size={20}
                    onPress={onSearch}
                ></Ionicons>
            </View>
 myInput: {
    width: '100%',
    height: 45,
    top: 20,
    paddingHorizontal: 20,
    width: '90%',
    borderColor: 'gray',
    borderWidth: 1,
    backgroundColor: 'white',
    borderRadius: 5,
    position: 'relative',
    marginHorizontal: '5%',
    zIndex: 1
},
input: {
    height: 40,
    color: '#000',
    height: '100%',
    paddingRight: 30
}

Answer 1

我遇到了同样的问题。它只发生在一些 Android 设备上。我把它放在我的 App.js 文件中并修复了它。

import { I18nManager } from "react-native";

I18nManager.forceRTL(false);
I18nManager.allowRTL(false);

Answer 2

使用 prop: selection({start: 0}) when inputText onblur

TextInput 从右到左开始，React native

TextInput start from right to left, React native

textinput

react-native