Titel: React Native Screens ermöglicht den Edge-to-Edge-Modus auf Android 15 trotz navigationBarTranslucent: falseJavaScript

Javascript-Forum
Anonymous
 Titel: React Native Screens ermöglicht den Edge-to-Edge-Modus auf Android 15 trotz navigationBarTranslucent: false

Post by Anonymous »

Ich erstelle eine React Native-App mit Expo SDK 54 für Android 15 (API 36). Die Navigationsleiste bleibt unabhängig von meinen Designeinstellungen weiß/hell, da „react-native-screens“ den Edge-to-Edge-Modus aktiviert und die Navigationsleiste transparent macht.
Umgebung:
  • Expo SDK: 54.0.0
  • React Native: 0.81.5
  • react-native-screens: 4.16.0
  • Android Target SDK: 36 (Android 15)
  • react-navigation/native: 6.1.9
  • react-navigation/native-stack: 6.9.17
  • expo-navigation-bar: 5.0.10
    Das Problem:
Protokolle, die Edge-to-Edge anzeigen, sind aktiviert:
WARN statusBarTranslucent- und navigationBarColor-Werte werden ignoriert, wenn „react-native-edge-to-edge“ verwendet wird.
WARN setBackgroundColorAsync wird nicht unterstützt, wenn Edge-to-Edge aktiviert ist.
WARN setBorderColorAsync wird nicht unterstützt, wenn Edge-to-Edge aktiviert ist.
Die Die Navigationsleiste bleibt weiß, obwohl ich sie dunkel haben möchte (#1A1A1A), damit sie zum Thema meiner App passt.
Was ich versucht habe:
  • NavigationBarTranslucent: false in allen Navigatoren festlegen:

Code: Select all

  // App.tsx
import { Platform, useColorScheme } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

const Stack = createNativeStackNavigator();

export default function App() {
const colorScheme = useColorScheme();

return (

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post