KeyboardAvoidingView продолжает регулировать высоту - PullRequest
Новая
       14

KeyboardAvoidingView продолжает регулировать высоту

0 голосов
/ 03 июля 2019

KeyboardAvoidingView продолжает регулировать свою высоту при использовании вместе с картой. Все работает нормально, когда KeyboardAvoidingView отключен.

  • Я тестировал разные behavior опции, но ни одна из них не решает проблему
  • Это проблема только на iOS при использовании провайдера Google Maps

Видео: https://www.dropbox.com/s/f8tix2gqmqz7i0i/height_bug.mov?dl=0

Малая часть конструкции: 

<View style={ styles.container }>
    <MapView style={ styles.map } provider="google">
        { markers }
    <KeyboardAvoidingView behavior="padding" keyboardVerticalOffset={ 90 }>
        <View style={ styles.footer }>
            <SafeAreaView>
                { toolbar }
            </SafeAreaView>
        </View>
    </KeyboardAvoidingView>
</View>

Стиль, который может иметь отношение: 

const styles = StyleSheet.create({
    container: {
        flex: 1
    },
    map: {
        flex: 1
    },
    footer: {
        backgroundColor: colors.WHITE
    },
    footerToolbar: {
        flexDirection: 'row',
        padding: sizes.SCREEN_MARGIN / 2
    }
})

Реагирует на нативную информацию: 

info 
  React Native Environment Info:
    System:
      OS: macOS 10.14.5
      CPU: (8) x64 Intel(R) Core(TM) i7-8559U CPU @ 2.70GHz
      Memory: 1.58 GB / 16.00 GB
      Shell: 3.2.57 - /bin/bash
    Binaries:
      Node: 10.15.3 - /usr/local/bin/node
      Yarn: 1.15.2 - /usr/local/bin/yarn
      npm: 6.9.0 - /usr/local/bin/npm
      Watchman: 4.9.0 - /usr/local/bin/watchman
    SDKs:
      iOS SDK:
        Platforms: iOS 12.2, macOS 10.14, tvOS 12.2, watchOS 5.2
    IDEs:
      Xcode: 10.2.1/10E1001 - /usr/bin/xcodebuild
    npmPackages:
      react: 16.8.6 => 16.8.6 
      react-native: https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz => 0.59.8 
    npmGlobalPackages:
      react-native-cli: 2.0.1

1 Ответ

1 голос
/ 04 июля 2019

Попробуйте обернуть весь свой компонент в контейнере с KeyboardAvoidingView.Этот компонент - просто View с отступом внизу.Кроме того, если вы собираетесь использовать SafeAreaView, его лучше разместить на внешнем компоненте, так как он используется для обеспечения промежутка в iOS для внешнего вида, чтобы обеспечить очистку краев для устройств iOS с выемками и без кнопок.

...