如何将 FAB 从滚动视图标签中放置出来?

Question

我在 ScrollView 布局内部的 react 本机项目中使用 FAB。正如预期的那样，FAB 位于 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

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