Скрытый заголовок от Stack-Navigation перейдите в Statusbar ⇐ CSS

[Anonymous]

Я новичок в React-родной. И я не могу решить проблему. Когда я попытался скрыть заголовок и использовать: < /p>

Home :{
screen: Home,
navigationOptions: {
headerShown: false,
title: 'NO TITLE'

}
}
< /code>

и после этого содержания home < /strong>, который представляет собой простой текст внутри представления. Перейти к Statusbar.

I. Imply Aht Csss. Я прикрепляю свой код ниже.import 'react-native-gesture-handler';
import * as React from 'react';
//import { NavigationContainer } from '@react-navigation/native';
import { StyleSheet, Text, View } from 'react-native';
import Navigator from './routes/homeStack'

export default function App() {
return (


);
}
< /code>

homestack.js: < /p>

import {createStackNavigator} from 'react-navigation-stack'
import {createAppContainer} from 'react-navigation'
import Home from '../components/Home'
import ReviewDetails from '../components/ReviewDetails'

const screens = {
Home :{
screen: Home,
navigationOptions: {
headerShown: false,
title: 'NO TITLE'

}
},
ReviewDetails :{
screen: ReviewDetails
}

}

const HomeStack = createStackNavigator(screens);

export default createAppContainer(HomeStack);
< /code>

home.js: < /p>

import React,{useState} from 'react';
import { TextInput, View, Button, Text } from 'react-native'

const Home = props => {

const [enteredGoal,setEnteredGoal] = useState('');

const goalInputHandler = (enteredText) => {
setEnteredGoal(enteredText);
}

return(

HOME PAGE

)
}

export default Home;
< /code>

Я понимаю, что решение этой проблемы - добавить накладку в контент, но для меня это горячее устройство, а не ошибка. Как сказать для приложения, не используйте пространство Android Statusbar.

Подробнее здесь: https://stackoverflow.com/questions/611 ... -statusbar