Question

我在ScrollView布局内的react本机项目中使用FAB。正如所料，FAB位于ScrollView的末尾。

如何将它始终放在ScrollView的顶部？

以下是活动代码 -

render() {
    return (
        <ScrollView style={styles.container} contentContainerStyle={{ justifyContent:'center' }}>

            <View style={[styles.container, { backgroundColor: '#EBEDEF'}]}>
            {
             .
             .
             .
             .
             .
             .
             .
             <View style={styles.MainContainer}>

              <TouchableOpacity activeOpacity={0.5} onPress={() => this.openDialog(true)} style={styles.TouchableOpacityStyle} >

                <Image source={require('../assets/share.png')} 

                       style={styles.FloatingButtonStyle} /> 

              </TouchableOpacity>

            </View>
       </ScrollView>
    )
    }
}

当我尝试将它放在ScrollView标记之后，我收到以下错误：

Adjacent JSX elements must be wrapped in an enclosing tag (828:3)
  826 |             </ScrollView>
  827 | 
> 828 |             <View>

Answer 1

您需要在包裹按钮的视图上使用绝对定位

如何将FAB放在Scrollview标记之外？

1 个答案: