时间戳

首页 > 解决方案 > 反应原生导航两个标题栏

react-native - 反应原生导航两个标题栏

问题描述

我不确定是什么原因造成的，我按照说明手动链接 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/反应原生 JS 代码，因为这个精确的导航器在 iOS 上完美运行，所以我假设问题必须与我的 Android 代码/RNN 设置或 android 实现有关。

标签： react-nativereact-native-navigation

解决方案

它是 android 动作栏 请检查 android:theme 标签到 AndroidManifast.xml 文件中的应用标签

** android:theme="@style/AppTheme"**

从样式文件 style.xml 中设置 NoActionBar 主题

<resources>

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

    <style name="AppTheme.NoActionBar">

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

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

    </style>

</resources>

推荐阅读