Реагируйте на встроенную навигацию с двумя заголовками - PullRequest
Новая
       1

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

0 голосов
/ 13 апреля 2019

Я не уверен, что является причиной этого, я следовал инструкциям, чтобы вручную связать RNNv2, и он отлично работает, за исключением того, что содержит строку заголовка с именем моего приложения, которое сохраняется на каждом экране, как видно на этом снимке экрана:

twoTitles

Мне необходимо сохранить 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.

Ответы [ 2 ]

1 голос
/ 14 апреля 2019

Это панель действий 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>
0 голосов
/ 13 апреля 2019

Если вы используете встроенную навигацию, вы можете сделать следующее перед экспортом компонента класса: 

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