Css 将按钮设置在“位置”；固定的；以自然反应

我想设置按钮的右下角宽度固定的位置在反应原生

position:fixed

不在React Native中工作，并且ScrollView中的

stickyHeaderIndices

方法不允许将元素放置在其他组件之上

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

请尝试以下操作：

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

render（）{
返回(
);
}

输出：

身体
粘脚

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

只需将该组件放在scrollview之外，并将其设置为position absolute

是否可以详细说明或添加您试图实现的目标的草图？您是否只希望右下角有一个按钮位于scrollview顶部，而不与scrollview一起滚动？是的，它只是右下角多个组件上方的一个按钮。抱歉，我没有草图：（您可以使用屏幕顶部的浮动按钮。或者如果您想使用自定义实现，谢谢，我尝试使用此组件：）您好：）绝对不是

ScrollView

的解决方案，组件将不会“固定”在底部。您希望ScrollView内右下角的按钮吗。请用您正在尝试的一些代码以及视图的屏幕截图/草图编辑您的问题。@s-leg3ndz我有一个

视图

包装我的

滚动视图

，按钮的

位置为：'absolute

在

滚动视图

之外，并按预期工作。虽然此代码片段可能是解决方案，确实有助于提高你的文章质量。请记住，您将在将来回答读者的问题，而这些人可能不知道您的代码建议的原因。这些解决方案仅适用于小案例，在实际应用中，如果有多个嵌套组件，这将不起作用

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