主页 / 问题 / 921334
Accepted
Pavel Zlotarenchuk
Asked:2020-12-15 23:54:16 +0000 UTC2020-12-15 23:54:16 +0000 UTC

滚动列表ReactNative时如何禁用隐藏键盘

  • 772

我有一个列表（ListView），每个单元格都有一个 . 如果单击屏幕底部的 TextInput，则列表会滚动，以使元素位于键盘上方并且键盘打开，然后立即关闭（问题一），但是如果将光标放在列表的最后一个元素，然后在关闭键盘后，列表也会向后滚动，事实证明根本无法向其中输入数据。请帮忙，提前谢谢

编码：

renderCell(rowData, rowID) {
        return (
            <View style={styles.measurement}>
                <Image style={styles.image}
                       source={{uri: rowData.picture}}/>
                <View style={{margin: 10}}>
                    <Text style={styles.text}>{this.getName(rowData)}</Text>
                    <TextInput style={{marginTop: 4, height: 40, borderWidth: 1, fontSize: 14, alignSelf: 'flex-start'}}
                               keyboardType='numeric'
                               maxLength={6}
                               numberOfLines={1}
                               placeholder="value in centimeters"
                               value={this.getValue(this.state.sizes, rowID)}
                               onChangeText={(text) => {
                                   this.state.values[rowID] = {
                                       name_ru: rowData.name_ru,
                                       name_en: rowData.name_en,
                                       value: text
                                   }
                               }}/>
                </View>
            </View>
        )
    }

PS我尝试使用react-native-keyboard-aware-scroll-view - 没有结果

listview

1 个回答

  1. Best Answer

    解决方案是：

    <KeyboardAwareScrollView>
    <FlatList
        data={dataSource}
        renderItem={({item, index}) => this.renderCell(item, index)}/>
</KeyboardAwareScrollView>

    而不是 ListView

    • 0

相关问题