反应本机元素浮动操作按钮

Question

我在我的新项目中使用 react-native-elements 并决定在主屏幕上使用浮动操作按钮。但我面临一个问题。在主屏幕中有 scrollView，当我在滚动中书写时，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>
    );
  }

Answer 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>
    );
  }

向右放置不起作用，但是当我向左放置时，我工作得很好

反应本机元素浮动操作按钮

react native elements Floating Action Button

react-native

react-native-scrollview

react-native-android

react-native-elements