反应原生固定页脚

2022-08-30 02:21:02

我尝试创建看起来像现有Web应用程序的反应本机应用程序。我在窗口底部有一个固定的页脚。有没有人知道如何用react native来实现这一点?

在现有应用程序中,这很简单:

.footer {
  position: fixed;
  bottom: 0;
}

答案 1

以下是基于科林的拉姆齐答案的实际代码:

<View style={{flex: 1}}>
  <ScrollView>main</ScrollView>
  <View><Text>footer</Text></View>
</View>

答案 2

在我的头顶上,你可以用ScrollView做到这一点。您的顶级容器可以是一个弹性容器,其内部顶部有一个 ScrollView,底部有页脚。然后在ScrollView内部,只需像往常一样放置应用程序的其余部分即可。