tengo una matriz como esta

 const [selectedItems,setSelectedItems] = useState(['a','b','c','d'])

Estoy mapeando así

 <View> {selectedItems.map((selectedItems, index) => { return ( <View key={index} style={{ backgroundColor: "lightgrey", flexDirection: "row", padding: "2%", marginLeft: "2%", }} > <TouchableOpacity onPress={() => DelFun(selectedItems)}> <Text style={{ color: "red" }}>Del</Text> </TouchableOpacity> <Text style={{ paddingLeft: "2%" }}>{selectedItems}</Text> </View> ); })} </View>

pero sigue y sigue en la fila. Quiero mostrar la interfaz de usuario como el texto seleccionado en el cuadro. como esto