React Native second line of text shifted left

38 views Asked by At

image of the problem As you can see in the screenshot, the text is not properly aligned on the left. The component looks like this:

<View style={s.title}>
   <Text style={s.titleText}> {article.title}</Text>
</View>

and the styling is:

    title: {
        width: "90%",
        backgroundColor: "red"
    },
    titleText: {
        fontWeight: "bold",
        textAlign: "left",
    },

Here's what I tried so far:

  • Add different paddings and margins
  • Add the numberOfLines property and set it to 1/2/3
  • Unwrap the Component out of its partent Component
  • Tried some different settings with "alignItems" and "justifyContent" properties
0

There are 0 answers