Используете flex для реагирования на нативные карты? - PullRequest
Новая
       11

Используете flex для реагирования на нативные карты?

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

absoluteFillObject это единственный способ заставить карту работать?

Я хочу распределить экран таким образом 

map - flex 3

bottom layout (eg taxi details) - flex 1

, но я не могу заставить карту работать с flex(переменный размер) без получения ошибки о размере карты не может быть 0

Важно, чтобы карта не использовала весь экран, потому что центр карты не является центром экрана, так как мы имеемнижний макет с использованием части экрана

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

Ответы [ 2 ]

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

Это работает для меня ... 

<View style={styles.container}>
   <MapView
     style={styles.map}
    />         
</View>

и стили, 

 container: {
    ...StyleSheet.absoluteFillObject,
    height: 540, // you can customize this
    width: 400,  // you can customize this
    alignItems: "center"
  },
  map: {
   ...StyleSheet.absoluteFillObject
  }
0 голосов
/ 22 апреля 2019 
           <View style={{width:'100%', height:'100%'}}>
                <Map style={{width:'100%', height:'75%'}}></Map>
                <OtherComponent style={{width:'100%', height:'25%'}}></OtherComponent>
            </View>

Я столкнулся с той же проблемой с комбинацией Map и flex. Я просто даю рост в процентах и ​​его работу для меня. Вы можете попробовать приведенный выше код для ваших решений.

...