justifyContent не работает в моей карточке реагируют родные - PullRequest
Новая
       16

justifyContent не работает в моей карточке реагируют родные

0 голосов
/ 06 октября 2018

Я хочу, чтобы мой контент находился в центре .. равное поле сверху и снизу, поэтому я использую justifyContent = 'center', но ничего не происходит 

              <View style={styles.allAttendeesContainer}>
              <Image
              style={styles.imageSpeaker}
              source={{
                uri: item.image
              }}/>
              <View>
              <Text style={[styles.textSpeakerDetail,{fontWeight:'bold',color:'#000'}]}>Muthu Ramalingam</Text>
              <Text style={styles.textSpeakerDetail}>HelloLead,DexPatent</Text>
              <Text style={styles.textSpeakerDetail}>Information Technology and Services</Text>
              </View>
              </View>

Это мой jsx, а ниже мой стиль 

 allAttendeesContainer:{
 height:125,
 flexDirection:'row',
 borderBottomWidth:0.5,
 flex:1,
 justifyContent:'center'
 },
 textSpeakerDetail:{
  fontSize:18,
  },
  imageSpeaker:{ 
  width: 75,
  marginHorizontal:'3%',
  height: 75, 
  borderRadius: 50,
  },
  inviteBox:{
  marginLeft:'10%',
  height:30,
  width:80,
  borderColor:'green',
  borderRadius:50,
  borderWidth:1,
  justifyContent:'center'}

1 Ответ

0 голосов
/ 06 октября 2018

Вы не использовали

alignItems: 'center'

как этот 

allAttendeesContainer: {
height: 125,
flexDirection: 'row',
borderBottomWidth: 0.5,
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
...