Блог

Я пытаюсь выровнять изображение и выпадающий список рядом. Хотя это отлично работает для значка и текста, когда я пытаюсь поместить выпадающий список справа от значка, он находится немного ниже значка, т. Е. они не выровнены идеально рядом друг с другом.

  <View style = {{flexDirection:"row"}}>
      <Image
     style={{alignSelf:'baseline'}}
          source={require('/root/VS_Code/JavascriptProjects/App/assets/Images/Religion/Religion.png')}
        />

       <Dropdown
inputContainerStyle={{ borderBottomColor: 'transparent',width:130 }}
        label='Marital status'
        data={dataForMaritalStatus}

      />

</View>
  

Попробуйте добавить justifyContent:"center" в родительском представлении

 <View style = {{flexDirection:"row",justifyContent:"center"}}>
   <Image style={{alignSelf:'baseline'}}
   source={require('/root/VS_Code/JavascriptProjects/App/assets/Images/Religion/Religion.png')}/>

   <Dropdown
    inputContainerStyle={{ borderBottomColor: 'transparent',width:130 }}
    label='Marital status'
    data={dataForMaritalStatus}

  />