如何在React Native中将图片放在文字上方

时间:2019-05-22 13:03:37

标签: reactjs react-native

我无法将图像放置在react native中的文本上方。在android中,我为此使用了framelayout.Please帮助一些示例代码

<View style={{flexDirection: 'row'}}>
                                                                <Image
                                                                    source={{uri: 'https.....' + item.user_img_name}}
                                                                    style={{
                                                                        width: 20,
                                                                        height: 20,
                                                                        marginTop: 5,
                                                                        marginBottom: 5,
                                                                        justifyContent: 'center',
                                                                        alignItems: 'center',
                                                                        borderRadius: 150 / 2
                                                                    }}/>

                                                                <Text style={{
                                                                    borderRadius: 20,
                                                                    flexWrap: 'wrap',
                                                                    marginTop: 5,
                                                                    marginBottom: 5,
                                                                    padding: 10,
                                                                    backgroundColor: '#FFEB3B'
                                                                }}>{item.user_name}</Text>
                                                            </View>

我想将该图片放在文字的左侧

0 个答案:

没有答案