我是新来的-nativ。我无法解决problem.When,我试图隐藏堆栈导航头并使用:
Home :{
screen: Home,
navigationOptions: {
headerShown: false,
title: 'NO TITLE'
}
}
在Home的这一内容之后,这是一个简单的视图内部文本,转到statusbar。
我认为这只是CSS问题,但我不明白它是如何解决的。我把我的密码附在下面。
App.js:
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 (
<Navigator />
);
}
homeStack.js:
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);
Home.js:
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(
<View >
<Text>HOME PAGE</Text>
</View>
)
}
export default Home;
我知道解决这个问题的方法是在内容中添加一个填充,但对我来说,它修复的不是错误。如何为应用程序说,不要使用一个空间的Android状态栏。
发布于 2020-04-10 15:22:47
你可以试试
let HomeStack=createStackNavigator(
{
Home:Home
},
{
initialRouteName:'Home',
headerMode:'none'
})
“无人问津”是你想要的
发布于 2020-04-12 01:37:19
在组件中使用SafeAreaView。
https://stackoverflow.com/questions/61150020
复制