Как выровнять аватары в верхней части моей карты - PullRequest
Новая
       49

Как выровнять аватары в верхней части моей карты

0 голосов
/ 13 апреля 2020

Я хочу выровнять аватары + текст вверху / по центру моей карты по горизонтали, но они продолжают выравниваться по левому краю / центру по вертикали. Как мне это сделать? У меня есть «вид», который включает карту. Вот мой код 

 return (
      <View style={styless.rideChatView}>
        <Card style={styles.card}>
          <Avatar
            activeOpacity={0.7}
            icon={{name: 'user', type: 'font-awesome'}}
            size="small"
            rounded
            source={require('../../static_images/classtrav0.jpeg')}
          />
          <Text>Name</Text>
          <Avatar
            activeOpacity={0.7}
            icon={{name: 'user', type: 'font-awesome'}}
            size="small"
            rounded
            source={require('../../static_images/classtrav0.jpeg')}
          />
          <Text>Name</Text>
          <Avatar
            activeOpacity={0.7}
            icon={{name: 'user', type: 'font-awesome'}}
            size="small"
            rounded
            source={require('../../static_images/classtrav0.jpeg')}
          />
          <Text>Name</Text>
          <Avatar
            activeOpacity={0.7}
            icon={{name: 'user', type: 'font-awesome'}}
            size="small"
            rounded
            source={require('../../static_images/classtrav0.jpeg')}
          />
          <Text>Name</Text>
        </Card>
      </View>
    );
  }
}

export default RideChat;

const styless = StyleSheet.create({
  rideChatView: {
    height: '70%',
    backgroundColor: 'white',
    position: 'absolute',
    bottom: 0,
    right: 0,
    left: 0,
  },
  card: {
    alignItems: 'center',
    justifyContent: 'center',
  },
});

Я хочу выровнять аватары вверху / в центре моей карты по горизонтали, но они продолжают выравниваться по левому краю / центру по вертикали. Как я должен выполнить sh это?

...