Javascript 如何在react native中使用justify content属性？

我正在尝试将内容对齐到图像的左侧。但是这里我得到的是文本将占用图像后的剩余空间。我希望

float align:left

属性与css中的属性一样出现在这里。因此我使用了

alignItems:flex end

。但没有得到输出。有没有可能这样做。我已经做了什么详情如下

已更新

<ScrollView>
    {article.map(a =>
        <TouchableOpacity onPress={() =>this.props.navigation.navigate('Article')}>
      <CardSection>
      <View style={{ flexDirection: 'row'}}>
       <Image source={{uri:a.poster}} style={styles.thumbnail_style}/>
        <Text style={styles.textStyle}> 
      {a.title}</Text>
    </View>
      </CardSection>
      </TouchableOpacity>
      )}
      </ScrollView>
    );
  }
}

const styles= StyleSheet.create({   
    thumbnail_style :{
        height: 50,
        width:50,
                },
    textStyle:{
        paddingTop:20,
    fontSize:16,
    paddingLeft:10,
    marginRight:20
    }
});

{article.map（a=>
this.props.navigation.navigate（'Article'）}>
{a.title}
)}
);
}
}
constyles=StyleSheet.create（{
缩略图样式：{
身高：50，
宽度：50，
},
文本样式：{
paddingTop:20，
尺寸：16，
paddingLeft:10，
marginRight:20
}
});

我得到的结果如下

---

您能解释一下为什么要在

文本中设置
图像
？
如果希望图像位于文本顶部，只需执行以下操作：


您能解释一下为什么要在
文本中设置
图像
？
如果希望图像位于文本顶部，只需执行以下操作：


我不知道您为什么要将
图像
包装在
文本
中。由于您希望
图像
和
文本
并排显示，因此需要将其设置为兄弟。您可以选择：

<View>
 <Image />
 <Text />
</View>

我不知道您为什么要将
图像
包装在
文本
中。由于您希望
图像
和
文本
并排显示，因此需要将其设置为兄弟。您可以选择：

<View>
 <Image />
 <Text />
</View>

不要使用一个元素，而是使用两个元素，然后尝试使用flex。很抱歉，我没有理解你的意思。我没有使用react，但我可以提供一个正常的示例，它会工作吗？你的确切要求是什么？你希望它显示什么？你能给我屏幕截图吗？不，我已经尝试过了，基于
css
style属性的概念。无论如何，谢谢你的回复。不要使用一个元素，而是使用两个元素，然后尝试使用flex。很抱歉，我没有得到你。我没有使用react，但我可以提供正常的示例有效吗？你的确切要求是什么？你希望它显示什么？你能给我屏幕截图吗？不，我已经尝试了基于
css
style属性的概念。无论如何，谢谢你的回复。flexDirection:“row”是正确的方法。酷它的工作原理，但是由于我需要在图像和文本之间留出一定的间距，所以我使用了
paddingLeft
，但是文本被剪掉了。我该如何避免这种情况？您使用的是expo吗？如果是，可以切换“图元检查器”以查看所做的更改如何改变视图。在任何情况下，您是否知道
边距
和
填充
之间的区别？改用
marginLeft
。您可能还想研究一下
flex
不，我没有使用expo。顺便说一句，我也尝试过
marginLeft
。当然可以。@anu在您的样式中可以。textStyle，将其更改为
flex:1
和
flexWrap:'wrap'
flexDirection:'row'是正确的方法。酷它的工作方式，但是由于我需要在图像和文本之间留出一定的间距，所以我使用了
paddingLeft
，但是文本被剪掉了。我该如何避免这种情况？您使用的是expo吗？如果是，可以切换“图元检查器”以查看所做的更改如何改变视图。在任何情况下，您是否知道
边距
和
填充
之间的区别？改用
marginLeft
。您可能还想研究一下
flex
不，我没有使用expo。顺便说一句，我也尝试过
marginLeft
。当然可以。@anu在您的样式中可以。textStyle，将其更改为
flex:1
和
flexWrap:'wrap'