ReactNative：顶部的应用程序名称

Question

我是应用程序编程的新手，我开始使用React Native。我想将我的应用名称放在顶部(image here)并更改背景颜色。如何在顶部放置静态文本以及该区域的名称是什么？它叫StatusBar吗？如果是，如何将静态文本放在状态栏中？

Answer 1

它被称为StatusBar（docs），这是一个例子：

 <View>
   <StatusBar
     backgroundColor="blue"
     barStyle="light-content"
   />
   <Navigator
     initialRoute={{statusBarHidden: true}}
     renderScene={(route, navigator) =>
       <View>
         <StatusBar hidden={route.statusBarHidden} />
         ...
       </View>
     }
   />
 </View>

请考虑backgroundColor它的 ANDROID 特定道具！

如果您使用navigation库，也可以使用Native Base 或等UI工具包，在大多数情况下，它们都有标题选项！

看看React Navigation的例子！