javascript - 如何在不移动的 react native 中安排带有 ScrollView 的静态按钮?

标签 javascript css react-native scrollview

我正在尝试让 scrollview 与我在整个屏幕中列出的联系人以及悬停在底部的两个静态按钮一起正常工作。我似乎无法让它们粘在底部(从屏幕底部稍微填充)。我的点心在这里:

https://snack.expo.io/@fauslyfox110/testingreferrals

ItemScreenTWo.js

它是这样开始的: enter image description here

当我请求权限并打开联系人时,名称会打开并按下按钮。我想让他们卡在底部。

我试过这样的链接:

set button in position "fixed" in React Native

但他们没有奏效。

最佳答案

尝试将 flex: 1 添加到您的容器中

App.js

render() {
  return (
    <View style={{ flex: 1 }}>
      <InviteScreenTwo /> 
    </View>;
  )
}

inviteScreenTwo.js

return (
  <View style={{ flex: 1 }}>
    ...
  </View>

关于javascript - 如何在不移动的 react native 中安排带有 ScrollView 的静态按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59463465/

相关文章:

javascript - 是否可以安全地将变量从 JavaScript 传递到 Flash 应用程序?

javascript - 使用 bootstrap 创建模态表单 (HTML)

reactjs - 在 React Native 上为 android 创建自定义 UI 组件失败。应用程序崩溃

database - 具有反应 native 的 Realm

javascript - 让相对的 parent 忽略 child 的边距

javascript - 在包含空值的列上对 Ext JS 4.0.2a 网格进行分组

javascript - JavaScript 中的函数声明

jQuery UI 和水平可排序 - 元素在拖动时向左移动

html - 在哪里插入溢出 :x?

ios - Azure Build Pipeline 没有使用 Xcode 注册的帐户。将您的开发者帐户添加到 Xcode