如果textInput文本足够长,则水平滚动视图自动滚动

时间:2018-05-31 07:33:15

标签: android react-native scrollview horizontalscrollview react-native-textinput

我创建了一个带有分页水平滚动视图的标签应用程序,有3页这样的

<ScrollView
   showsHorizontalScrollIndicator={false}
   style={{ flex: 1 }}
   contentContainerStyle={{ height: '100%' }}
   pagingEnabled
   horizontal>
          <View style={{ width, backgroundColor: 'red' }}>
            <TextInput style={{ width, backgroundColor: '#FFF', height: 100 }} />
          </View>
          <View style={{ width, backgroundColor: 'green' }} />
          <View style={{ width, backgroundColor: 'blue' }} />
        </ScrollView>

正如您所看到的,在第一个选项卡中,有一个TextInput,如果您输入一个长文本(约50个字符),滚动视图会自动滚动并打破UI(见下图) 这个问题只发生在低版本的Android(5.1,4.4,4.2)上,适用于高版本和iOS enter image description here

0 个答案:

没有答案