2017-11-19 8 views
0

나는 반응 네이티브 및 반응 네비게이션을 사용하고 있습니다.TabNavigator - 상태 표시 줄 숨기기

상태 표시 줄을 숨기고 싶습니다. 그러나 그것은 눈에 띄는 상태이거나, 내가 그것을 숨기려고하는 방식으로 작동하지 않습니다.

첫 번째 시도는 완전한 흰색 화면을 만듭니다. 마치 네비게이터가로드되지 않은 것처럼. 두 번째 시도에서도 똑같습니다. 마지막 시도가 작동하지만 원하는 것은 있지만 상태 표시 줄이 표시됩니다. 나는 그것을 숨기고 싶다.

예제 웹에서 찾은 예제는 두 번째 시도와 동일한 구문으로 작동합니다. 내가 작동하지 않는 이유는 무엇 구현하는 방법을 ReactCoran 모르는

import React from 'react'; 
import { StyleSheet, StatusBar, View } from 'react-native'; 
import { TabNavigator } from 'react-navigation'; 
import PageLecture from './js/PageLecture'; 
import PageSalat from './js/PageSalat'; 
import PageHadiths from './js/PageHadiths'; 
import PageParametres from './js/PageParametres'; 

export default class App extends React.Component { 
    render() { 
     // This is not working 
     // return (
     //  <View> 
     //   <View> 
     //    <StatusBar hidden={true}/> 
     //   </View> 
     // 
     //   <ReactCoran /> 
     //  </View> 
     //); 

     // This is not working 
     // return (
     //  <View> 
     //   <StatusBar hidden={true}/> 
     //   <ReactCoran /> 
     //  </View> 
     //); 

     // This is working but status bar is displayed 
     return (
      <ReactCoran /> 
     ); 
    } 
} 


const ReactCoran = TabNavigator({ 
    Lecture: { 
     screen: PageLecture, 
    }, 
    Salat: { 
     screen: PageSalat, 
    }, 
    Hadith: { 
     screen: PageHadiths, 
    }, 
    Parametres: { 
     screen: PageParametres, 
    } 
}, 
{ 
    tabBarPosition: 'bottom', 
    animationEnabled: false, 
    tabBarOptions: { 
     allowFontScaling: true, 
     activeTintColor: '#000000', 
     showIcon: true, 
     showLabel: false, 
     activeBackgroundColor: '#ff0000', 
     style: { 
      backgroundColor: '#aa0000', 
     }, 
     indicatorStyle: { 
      height:2, 
      backgroundColor: '#ffffff', 
     } 
    }, 
}); 

감사

답변

0

.. 이해하지 않는다, 그러나 이것은 일반적으로 작동합니다

은 부모에게 style={{flex: 1}} 추가 보기

<View style={{flex: 1}}> 
    <StatusBar hidden={true}/> 
    <ReactCoran /> 
</View> 

이 정보가 도움이되는지 알려주십시오. 코드가 표시되지 않으면 ReactCoran입니다.

관련 문제