将按钮设置在位置＆＃34;固定＆＃34;在React Native中

Question

我想在React Native中设置右下角宽度固定位置的按钮。

position: fixed无法在React Native中工作，ScrollView中的stickyHeaderIndices方法不允许将元素放在其他组件上方。

任何人都已经测试过此功能了吗？

Answer 1

试试这个：

render() {
    return (
      <View style={{flex:1}}>
        <View style={{borderWidth:1,position:'absolute',bottom:0,alignSelf:'flex-end'}}>
           <Button
             title="Press"
             color="#841584"
             accessibilityLabel="Press"/>
        </View>
      </View>
    );
  }

输出：

Answer 2

<View style={{flex: 1}}>
    <ScrollView style={{backgroundColor:'yellow'}}>
          <Text>body</Text>
    </ScrollView>
    <View><Text>sticky footer</Text></View>
</View>

Answer 3

只需将组件置于滚动视图之外，并将其设置为绝对位置

Answer 4

如果您使用的是Native Base，则可以只使用页脚组件