React Native: Add opacity to text at the bottom of scrollview

Question

Do you guys have any idea how to achieve this? The text is wrapped in ScrollView with maxHeight 400.

 <ScrollView style={{maxHeight: 400}}>
   <Text>{text}</Text>
 </ScrollView>

This is what I want:

Answer 1

I hope this works for you :

<TouchableOpacity
    style={"row"}
    onPress={() => {
        onClick(params)
    }}>
    <View>
        <Text>1</Text>
        <Text>2</Text>
        <Text>4</Text>
    </View>
</TouchableOpacity>

And here is live demo : https://snack.expo.io/@maifeeulasad/delicious-marshmallows