React Native 导航两个标题栏

Question

我不确定是什么原因造成的，我按照说明手动 link RNNv2，它工作正常，除了它包含一个标题栏和我的应用程序名称，它在每个屏幕上都持续存在，如图所示在此屏幕截图中：

我需要将 MainActivity 保留在我的 AndroidManifest 文件中，只是想知道是否有办法隐藏这个顶部蓝色持久标题栏？

我的清单：

<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>

MainActivity.java:

package com.stifirestop.fslocator;

import io.invertase.firebase.RNFirebasePackage;
import io.invertase.firebase.messaging.RNFirebaseMessagingPackage;
import com.dieam.reactnativepushnotification.ReactNativePushNotificationPackage;
import com.oblador.vectoricons.VectorIconsPackage;
import com.rnziparchive.RNZipArchivePackage;
import com.reactnativecommunity.webview.RNCWebViewPackage;
import com.reactnativedocumentpicker.ReactNativeDocumentPicker;
import com.reactlibrary.RNReactNativeDocViewerPackage;
import com.RNFetchBlob.RNFetchBlobPackage;
import com.facebook.react.ReactNativeHost;
import com.gettipsi.stripe.StripeReactPackage;
import com.facebook.react.ReactPackage;
import com.wix.RNCameraKit.RNCameraKitPackage;
import com.reactnative.photoview.PhotoViewPackage;
import com.imagepicker.ImagePickerPackage;

import com.reactnativenavigation.NavigationApplication;
import com.reactnativenavigation.react.NavigationReactNativeHost;
import com.reactnativenavigation.react.ReactGateway;

import java.util.Arrays;
import java.util.List;

public class MainApplication extends NavigationApplication {

  @Override
  protected ReactGateway createReactGateway() {
  ReactNativeHost host = new NavigationReactNativeHost(this, 
 isDebug(), createAdditionalReactPackages()) {
    @Override
    protected String getJSMainModuleName() {
      return "index";
    }
  };
 return new ReactGateway(this, isDebug(), host);
}

@Override
public boolean isDebug() {
  return BuildConfig.DEBUG;
}

protected List<ReactPackage> getPackages() {
 // Add additional packages you require here
 // No need to add RnnPackage and MainReactPackage
   return Arrays.<ReactPackage>asList(
     new VectorIconsPackage(),
     new RNFetchBlobPackage(),
     new RNReactNativeDocViewerPackage(),
     new ReactNativeDocumentPicker(),
     new StripeReactPackage(),
     new RNCWebViewPackage(),
     new RNZipArchivePackage(),
     new ReactNativePushNotificationPackage(),
     new RNFirebasePackage(),
     new RNFirebaseMessagingPackage(),
     new RNCameraKitPackage(),
     new PhotoViewPackage(),
     new ImagePickerPackage()
   );
}

@Override
public List<ReactPackage> createAdditionalReactPackages() {
        return getPackages();
}

}

我没有添加任何 RNN/react 本机 JS 代码，因为这个导航器在 iOS 上完美运行，所以我假设问题一定出在我的 Android code/RNN android.

的设置或实施

Answer 1

如果您使用的是 React Native 导航，您可以在导出 class 组件之前执行以下操作：

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

Answer 2

这是android操作栏请将android:theme标签检查到AndroidManifast.xml文件

中的应用程序标签中

** 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>

React Native 导航两个标题栏

React native navigation two title bars

react-native

react-native-navigation