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

nwo49xxi 于 2023-02-09 发布在 React

关注(0)|答案(4)|浏览(178)

我想设置按钮右下角的宽度固定的位置在React Native。
position: fixed在React Native中不起作用，ScrollView中的stickyHeaderIndices方法不允许将元素定位在其他组件上方。
有人已经测试过这个功能吗？

react-native

来源：https://stackoverflow.com/questions/48188126/set-button-in-position-fixed-in-react-native

4条答案

按热度按时间

lsmd5eda1#

试试这个：

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

输出：

赞(0）回复(0）举报 2023-02-09

ukxgm1gy2#

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

赞(0）回复(0）举报 2023-02-09

mzmfm0qo3#

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

赞(0）回复(0）举报 2023-02-09

aiazj4mn4#

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

赞(0）回复(0）举报 2023-02-09