尝试在Expo中使Android导航栏透明

4

我正在使用expo开发React Native项目,尝试让Android导航栏位于我的视图顶部(如下所示并在此处描述)

transparent navigation bar

然而,我遇到了困难,无法得到我想要的结果,反而在底部得到了一个灰色条。

unsuccessful transparent navigation bar

到目前为止,我已经尝试在我的app.json文件中将导航栏设置为透明或使用NavigationBar.setBackgroundColorAsync(color),两者都得到了相同的结果。

//app.json
    "androidNavigationBar": {
      "backgroundColor":"#00000000"
    },

//App.js
    //also tried flex: 1
    <View style={{height: Dimensions.get("screen").height, backgroundColor: "blue"}}></View>
1个回答

3
尝试使用expo-navigation-bar。
import * as NavigationBar from "expo-navigation-bar";

NavigationBar.setPositionAsync("absolute");
NavigationBar.setBackgroundColorAsync("#ffffff01");

1
您的回答可以通过提供更多支持信息来改进。请编辑以添加进一步的细节,例如引用或文档,以便他人可以确认您的答案是正确的。您可以在帮助中心中找到有关如何编写良好答案的更多信息。 - moken
这对我来说完美适用,实际上是一个非常好的答案。我所缺少的部分是设置绝对定位 - 现在想起来是如此明显的一件事情,但我以前没有意识到可以以那种方式实现。天啊,我为了这个问题纠结了整整几周 - Geoff Davids

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接