小编Jea*_*san的帖子

ScrollView使用{位置:绝对}捕捉到适当位置

由于表单上显示的图层很多,并且要创建透明效果,因此需要将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

7
推荐指数
2
解决办法
5323
查看次数

标签 统计

react-native ×1