如何使StatusBar透明？

Question

有谁知道用React Native透明化Android状态栏的方法吗？

不透明，透明。

我也在使用反应导航。

Answer 1

这对我在 Android 上有用

<StatusBar
   backgroundColor="transparent"
   translucent={true}
/>

Answer 2

只是使用是这样的：经测试：“ react-native”：“ 0.60.4”

<StatusBar translucent backgroundColor="transparent" />

Answer 3

除非您使用 Statusbar 作为组件，否则请尝试此方法。

useFocusEffect(
    useCallback(() => {
      StatusBar.setBarStyle("dark-content");
      Platform.OS === 'android' && StatusBar.setBackgroundColor('transparent');
      StatusBar.setTranslucent(true);
    }, []),
  );

别忘了给paddingTop最外层一些View。

Answer 4

如果您正在谈论操作系统的状态栏（您下拉以访问 wifi/蓝牙/设置等的状态栏），请尝试将其添加到您的 MainActivity.java 中：

private void hideNavigationBar() {
    getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION);
}

您可以从同一个 MainActivity.java 中调用该函数中的^函数

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    hideNavigationBar();
}

但是，如果您正在谈论应用程序的 StatusBar，请尝试将其添加到您的 App.js 文件中

static navigationOptions = {
    header: null
}