反应原生元素浮动操作按钮答案

【问题标题】：react native elements Floating Action Button反应原生元素浮动操作按钮
【发布时间】：2021-08-23 08:11:42
【问题描述】：

我在我的新项目中使用 react-native-elements 并决定在主屏幕上使用浮动操作按钮。但我面临一个问题。在主屏幕中有滚动视图，当我在滚动中写入时，FAB 将自身置于底部。在滚动之外我看不到它。如何解决这个问题

这是FAB

readBarcode() {
    return (
      <View>
        <FAB title="Barkod Okut" placement="right" />
      </View>
    );
  }

这是渲染

render() {
    return (
      <View style={Styles.Container}>
        {this.readBarcode()}
        <ScrollView style={Styles.MainScroll}>
          {slider()}
          {banner()}
          {categoryButtons()}
        </ScrollView>
      </View>
    );
  }

【问题讨论】：

标签： react-native react-native-android react-native-elements react-native-scrollview

【解决方案1】：

我是这样想的

这是渲染

render() {
    return (
      <View style={Styles.Container}>
        <ScrollView style={Styles.MainScroll}>
          {slider()}
          {banner()}
          {categoryButtons()}
        </ScrollView>
        {this.readBarcode()}
      </View>
    );
  }

这是FAB

readBarcode() {
    return (
      <View>
        <FAB title="Barkod" placement="left" color="#005F8E" />
      </View>
    );
  }

右边的位置不起作用，但当我离开时，我工作得很好

【讨论】：