#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, не уверен, как ее удалить