Fab 按钮在本机反应中无法在滚动视图上工作答案

【问题标题】：Fab button not working on a scroll view in react nativeFab 按钮在本机反应中无法在滚动视图上工作
【发布时间】：2020-07-31 08:25:22
【问题描述】：

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

我的代码是这样的：

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

在ScrollView 下方渲染Fab 应该可以工作。

<ScrollView />
<Fab />

【讨论】：