performancereactjsreact-nativetouchableopacitytouchablehighlight

Custom a touchable text like See more

I am writing a react native app. I want to make a press. See more like we usually see for more information of something. How can I do that?

Like here

Solution

  • Text components have an onPress prop, where you can pass an arrow function

    <Text onPress = {() => this.myFunction()}>
    See More
</Text>

    Note: Adding some style props, eg color: 'blue' and fontWeight: 600 can help your text look pretty similar to your provided photo.