Display Vertical text in react native like drawer

I need to display text in vertical position. the text will be dynamic so it can be short or long. i've added the screenshot of what i want. can anybody share the code for this type of ui. thanks in advance.

Like this

see this, this is what i got

<View><View style={{}}><View      style={{ marginTop: 30, flexDirection: "row", justifyContent: "center" }}><Text        style={{          textAlign: "center",          fontSize: 20,          alignSelf: "center",          transform: [{ rotate: "90deg" }],          color: "white",          fontWeight: "bold",        }}>        Short</Text></View></View><View style={{}}><View      style={{ marginTop: 30, flexDirection: "row", justifyContent: "center" }}><Text        style={{          textAlign: "center",          fontSize: 20,          alignSelf: "center",          transform: [{ rotate: "90deg" }],          color: "white",          fontWeight: "bold",        }}>        Long Text</Text></View></View></View>;