android - 如何将 FAB 置于 Scrollview 标签之外？

Question

我在 ScrollView 布局内部的 React Native 项目中使用 FAB。正如预期的那样，FAB 位于 ScrollView 的末尾。

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

下面是 Activity 代码-

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

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