Полная страница не прокручивается - PullRequest
0 голосов
/ 22 января 2019

Я использую Wix response-native-navigation V2. Я изменил android:windowSoftInputMode на "adjustPan", потому что над клавиатурой располагались вкладки, но теперь в одной из моих форм у меня есть контактная форма, теперь я хочу прокрутить все сверху клавиатуры, не показывая вкладки над клавиатурой, что мне делать.

ниже - мой файл AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.newnavigation">

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />  

    <application
      android:name=".MainApplication"
      android:label="@string/app_name"
      android:icon="@mipmap/ic_launcher"
      android:allowBackup="false"
      android:theme="@style/AppTheme">
      <activity
        android:name=".MainActivity"
        android:label="@string/app_name"
        android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
        android:windowSoftInputMode="adjustPan">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
      </activity>
      <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
    </application>

</manifest>

Пожалуйста, помогите, если у кого-то есть идеи по этому поводу. Заранее спасибо

Ответы [ 2 ]

0 голосов
/ 22 января 2019

Спасибо @ Mehrdad88sh. Я решил это с помощью KeyboardAvoidingView

import { KeyboardAvoidingView } from 'react-native';

<KeyboardAvoidingView style={styles.container} behavior="padding" enabled>
  ... your UI ...
</KeyboardAvoidingView>

, подробности см. По данной ссылке https://facebook.github.io/react-native/docs/keyboardavoidingview

0 голосов
/ 22 января 2019

На самом деле, я думаю, что ваша проблема не связана с родной стороной Android или iOS.Кроме того, это не связано с тем, какую библиотеку вы использовали для реализации пользовательского интерфейса.Вы должны установить стиль react-native для компонента, который его использовал.Пожалуйста, обратите внимание на следующие коды:

import { SomeComponent } from 'anywhere';
import { StyleSheet } from 'react-native';
...
<SomeComponent style={styles.container}>
...
const styles = StyleSheet.create({
  container: {
    minHeight: '100%'
  }
});

Дружище, поверь мне, если SomeComponent равно ScrollView или что-то еще с любым свойством, оно обязательно получит свиток.

Честно говоря, у меня была эта проблема, и я обнаружил, что проблема заключается в моем стиле и ничего больше.

...