由于表单上显示的图层很多,并且要创建透明效果,因此需要将ScrollView放置在绝对位置上。不幸的是,当添加{position:'absolute'}样式时,松开手指后,ScrollView会回到顶部。我没有阅读有关stackoverflow的所有相关线程。
以下是以下代码的屏幕截图:http : //imgur.com/a/fd4ad
这是我正在使用的代码:import React,'react'中的{Component}; 从'react-native'导入{View,ScrollView,Text};
class HomeTest extends Component {
render() {
const { headerTextStyle, homeView, scrollViewStyle, textStyle } = styles;
return (
<View>
<ScrollView style={scrollViewStyle} contentContainerStyle={homeView}>
<Text style={textStyle}>I'd love to figure out why this is not working.........................</Text>
</ScrollView>
<Text style={headerTextStyle}>Header</Text>
</View>
);
}
}
const styles = {
headerTextStyle: {
fontSize: 40,
alignSelf: 'center'
},
scrollViewStyle: {
position: 'absolute',
paddingTop: 60,
marginTop: 0
},
homeView: {
alignItems: 'center',
justifyContent: 'center'
},
textStyle: {
fontSize: 96
}, …Run Code Online (Sandbox Code Playgroud) react-native ×1