Реагирующая встроенная навигация две строки заголовка

#react-native #react-native-navigation

#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 / react native JS, потому что этот точный навигатор работает безупречно на iOS, поэтому я предполагаю, что проблема должна быть связана с моей настройкой или реализацией кода Android / RNN для Android.

Комментарии:

1. пожалуйста, предоставьте код ….

2. @kinghenry не могли бы вы поделиться своим кодом?

Ответ №1:

Это панель действий Android, пожалуйста, проверьте android: тег темы в тег приложения в 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>
  

Комментарии:

1. Спасибо! я добавил style.xml с помощью этих XML-тегов и изменил свойство xml-тега приложения для theme на: android:theme=»@style /AppTheme. NoActionBar» и это сработало!

2. На самом деле это больше касается <item name="windowActionBar">false</item> <item name="windowNoTitle">true</item> настроек amp;, а не названия стиля.

Ответ №2:

Если вы используете react native navigation, перед экспортом компонента класса можно выполнить следующие действия:

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

Комментарии:

1. Это удалит часть заголовка, которую я хочу, белую часть. Что-то добавляет синюю часть, и это не RNN, не уверен, как ее удалить