在React Native中将按钮设置在“固定”位置

Question

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

position: fixed不能在React Native中使用，并且stickyHeaderIndicesScrollView中的方法不允许将元素放置在其他组件上方。

有人已经测试过此功能吗？

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

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

Answer 3

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