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