0

Fab 按钮不适用于滚动视图。我正在使用 react-native-paper 中的 FAB 并显示图标,但是当我按下 fab 按钮时,它不起作用。作为替代方案,我尝试制作一个粘性按钮,当我使用滚动视图时它会粘在底部,但是该按钮显示在滚动视图内容之后,并且不固定在我们屏幕的底部。它也失败了。

我的代码是这样的:

<View>
   <FAB style={{position:'absolute',right:0,bottom:0}}/>
   <ScrollView></ScrollView>
</View>
4

2 回答 2

3

Fab 需要高于所有组件。把它放在<Portal>标签 里https://callstack.github.io/react-native-paper/portal.html

于 2020-08-02T17:55:57.720 回答
1

渲染Fab低于ScrollView应该工作。

<ScrollView />
<Fab />
于 2021-01-08T06:17:31.833 回答