i have react native ui like this
my jsx for a component is
<View style={styleSheet.appItemStyle}><View style={{flex:1}}><Image style={styleSheet.appItemImageContainer} source={{uri: 'data:image/png;base64,'+item.icon}}/></View><View style={{flex:3, flexWrap: 'wrap'}}><Text style={styleSheet.appItemTextStyle}>{item.appName}</Text><Text style={{fontSize: 12, color: "#000"}}>{item.packageName}</Text></View><View style={{flex:1, alignContent: "center"}}><Text style={{fontSize: 15, color:'orange'}} onPress="">COPY</Text></View></View>the problem with this ui is , the package name of the app is shown in another app row, for example, in the picture gmail package name is shown in settings suggestion app name, how can i split a column in to two rows, so that my second text stay on the same row instead of new row? i want the element of list view similar to the below screenshot, i want the title and text to be on same row, how can i solve this problem? I have just placed two text elements in a single row, but they tend to appear on next row, why this happens?
