How to add events with NativeBase components

react-native native-base
Vishal Swaroop picture Vishal Swaroop · Aug 5, 2016 · Viewed 12.1k times · Source

What events are available for the NativeBase components?

Say for example,

  • Update the state on the input on onChangeText
  • I would like to respond to Button clicks while submitting a form

What other events those mentioned in React Native are supported with the NativeBase components?

Answer

Shivam Sinha picture Shivam Sinha · Aug 7, 2016

This should be as simple as using the onPress method props on the button component:

<Button style={{ backgroundColor: 'grey'}} onPress={() =>alert('Add payment')} block >
<Icon name="ios-add-circle-outline" />
ADD PAYMENT
</Button>

Related questions

Module AppRegistry is not registered callable module (calling runApplication)

I am using native base for making app in react-native. I am new to both things. When I run the app It gives me this error: Here is my code: export default class Point extends Component { render() { return ( <Container&…

Read More
Text vertical align in react native (using nativebase)

I was wondering there is a way I can align vertically in React Native. I'm trying to position on the bottom but I don't think I can find a good way to do it. If anyone knows how to solve …

Read More
React-Native Button Align Center

I'm using native base button i want to align the button in the center of the screen i tried this: <Container style={{flex:1, flexDirection:'row', alignItems:'center', justifyContent:'center',}}> <Form style={{}}> <Item last> <…

Read More