react-native App没有覆盖整个设备高度

bttbmeg0 于 4个月前发布在 React

关注(0)|答案(5)|浏览(102)

根据您提供的代码，问题出在App.tsx文件中的ScrollView组件。您需要将contentInsetAdjustmentBehavior属性设置为"automatic",以便让滚动视图自动调整内容。同时，您需要将backgroundColor属性设置为isDarkMode ? Colors.black : Colors.white,以便根据当前的深色模式设置背景颜色。

请尝试修改App.tsx文件中的ScrollView部分，如下所示：

<ScrollView
 contentInsetAdjustmentBehavior="automatic"
 style={{
  flex: 1,
  backgroundColor: isDarkMode ? Colors.black : Colors.white,
 }}>

这样应该可以解决您的问题。

react-native

来源：https://github.com/facebook/react-native/issues/46151

5条答案

按热度按时间

aemubtdh1#

⚠️	React Native的新版本可用！
i️	您正在使用受支持的次要版本，但似乎有一个更新的补丁可用 - 0.75.2。请升级到您次要版本的最高补丁或最新版本，并验证问题是否仍然存在(或者，创建一个新项目并在其中重现问题)。如果无法重现，请告知我们，以便我们关闭此问题。这有助于确保我们关注仍在最近版本中存在的问题。

赞(0）回复(0）举报 4个月前

bmvo0sr52#

⚠️	缺失可复现示例
i️	我们无法在您的问题报告中检测到可复现的示例。请提供以下内容：* 如果您的错误与UI相关：一个 Snack* 如果您的错误与构建/更新相关：使用我们的 Reproducer Template 。需要在您用户名下的GitHub仓库中有一个复现器。

赞(0）回复(0）举报 4个月前

snvhrwxg3#

⚠️	缺失可复现示例
i️	我们无法在您的问题报告中检测到可复现的示例。请提供以下内容：* 如果您的错误与UI相关：一个 Snack* 如果您的错误与构建/更新相关：使用我们的 Reproducer Template

赞(0）回复(0）举报 4个月前

ct3nt3jp4#

⚠️	React Native的新版本可用！
i️	您正在使用受支持的次要版本，但似乎有一个更新的补丁可用 - undefined。请访问您次要版本的最高补丁或最新版本并验证问题是否仍然存在(或者，创建一个新项目并在其中重现问题)。如果无法重现，请告知我们，以便我们关闭此问题。这有助于确保我们关注仍在最近版本中存在的问题。

赞(0）回复(0）举报 4个月前

eivgtgni5#

@SrinjoyBarman 如果能提供一个使用Snack或者这个template的复现示例，那就太好了。

赞(0）回复(0）举报 4个月前