плавать прямо в реагировать родной с flexbox

Question

Я хочу плавать кнопку с правой стороны карты. Как-то это не работает. Кто-нибудь может помочь?

const styles = StyleSheet.create({
  mapContainer: {
    flex: 1,
  },
  map: {
    flexDirection: 'row',
    flex: 1,
    borderRadius: 4,
    borderWidth: 2,
    borderColor: 'purple',
    width,
    height,
  },
  button: {
    marginLeft: 'auto',
    borderRadius: 4,
    borderWidth: 2,
    borderColor: 'red',
  }
})

Answer 1

Пожалуйста, попробуйте использовать макет «alignSelf» для вашей кнопки следующим образом:

button: {
   alignSelf: 'flex-end',
   borderRadius: 4,
   borderWidth: 2,
   borderColor: 'red'
}

Answer 2

Вы можете использовать абсолютную позицию следующим образом:

  container: {
    position: "absolute",
    width: YOUR_WIDTH,
    height: YOUR_HEIGHT,
    right: 20,
  }