我创建了一个带有分页水平滚动视图的选项卡应用程序,有 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 上运行良好