反应本机导航两个标题栏

时间:2019-04-12 21:29:36

标签: react-native react-native-navigation

我不确定是什么原因造成的,我按照说明手动链接了RNNv2,除了它的标题栏带有我的应用程序名称在每个屏幕上都存在之外,它还可以正常工作,如以下屏幕快照所示:< / p>

twoTitles

我需要将MainActivity保留在我的AndroidManifest文件中,只是想知道是否有一种方法可以隐藏顶部的蓝色持久标题栏吗?

我的清单:

myMapVar.forEach((key, val) {
  var title = '';

  decideTitle(key).then((val) {
    title = val;
  });

  print(title);
});

MainActivity.java:

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.stifirestop.fslocator">

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
<uses-permission android:name="android.permission.CAMERA" />

<application
  android:name=".MainApplication"
  android:label="@string/app_name"
  android:icon="@mipmap/ic_launcher"
  android:allowBackup="true"
  android:theme="@style/AppTheme">
    <meta-data  android:name="com.dieam.reactnativepushnotification.notification_channel_name"
        android:value="YOUR NOTIFICATION CHANNEL NAME"/>
    <meta-data  android:name="com.dieam.reactnativepushnotification.notification_channel_description"
        android:value="YOUR NOTIFICATION CHANNEL DESCRIPTION"/>
    <!-- Change the resource name to your App's accent color - or any other color you want -->
    <meta-data  android:name="com.dieam.reactnativepushnotification.notification_color"
        android:resource="@android:color/holo_blue_light"/>
    <receiver android:name="com.dieam.reactnativepushnotification.modules.RNPushNotificationPublisher" />
    <receiver android:name="com.dieam.reactnativepushnotification.modules.RNPushNotificationBootEventReceiver">
        <intent-filter>
            <action android:name="android.intent.action.BOOT_COMPLETED" />
        </intent-filter>
    </receiver>
    <service android:name="com.dieam.reactnativepushnotification.modules.RNPushNotificationRegistrationService"/>
    <service
        android:name="com.dieam.reactnativepushnotification.modules.RNPushNotificationListenerService"
        android:exported="false" >
        <intent-filter>
            <action android:name="com.google.firebase.MESSAGING_EVENT" />
        </intent-filter>
    </service>
  <activity
    android:name=".MainActivity"
    android:label="@string/app_name"
    android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
    android:windowSoftInputMode="adjustResize">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
        <action android:name="android.intent.action.DOWNLOAD_COMPLETE"/>
    </intent-filter>
  </activity>
  <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
</application>

}

我没有添加任何RNN /反应本机JS代码,因为此确切的导航器在iOS上可以完美运行,所以我假设问题肯定出在我的Android代码/ RNN设置或适用于android的实现上。

2 个答案:

答案 0 :(得分:1)

这是android操作栏,请在androidManifast.xml文件中将android:theme标记检入应用程序标记

** android:theme =“ @ style / AppTheme” **

在其中设置NoActionBar主题,从样式文件更改 style.xml

<resources>

        <!-- Customize your theme here. -->

    <style name="AppTheme.NoActionBar">

        <item name="windowActionBar">false</item>

        <item name="windowNoTitle">true</item>

    </style>

</resources>

答案 1 :(得分:0)

如果您使用React本机导航,则可以在导出类组件之前执行以下操作:

YourClassName.navigationOptions = ({ navigation }) => ({
  header: null,
})