'How to make this text view in react native, a tag before text view, and text can be multi-line

I want to make this text view in react native, a tag before text view, and text can be multi-line. But react native not like h5 flexbox, text alway start at the beginning of the line.

I want to make. enter image description here



Solution 1:[1]

Trying this way

function App() {
  return (
    <View>
      <View
        style={{
          flexWrap: "wrap",
          width: 500,
          flexDirection: "row",
          backgroundColor: "pink",
        }}
      >
        <View style={{ width: 50, height: 20, backgroundColor: "red" }} />
        <View style={{ width: 50, height: 20, backgroundColor: "red" }} />           
        <Text>Test 123 </Text>
        <Text>Test 123 </Text>
        ....
        <View style={{ width: 50, height: 20, backgroundColor: "red" }} />
      </View>
    </View>
  );
}

Example code Here

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Nooruddin Lakhani