Is it possible to overlay a button with an icon on a textInput?

Question

React Native

Here's a snack:
https://snack.expo.io/@aimodding/textplusbutt
At the moment, this is what happens:

I would like to come to this form:

PS: I found solutions on SO , but I don't really like them. And I would like to stay within the framework of react-native-paper

Answer 1

Improved your example a bit.

spoiler

const styles = StyleSheet.create({
  inputContainerStyle: {
    margin: 8,
    marginTop: 75,
    position: 'relative'
  },
  icon: {
    position: 'absolute',
    top: 5,
    right: 0,
    zIndex: 1
  }
});