/Javascript/React/How to add button react native app.js

How to add button react native app.js

var tapSpeed = React.createClass({
  render: function() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          Tap me as fast as you can!
        </Text>
        <View style={styles.button}>
        !
        </View>
      </View>
    );
  }
});

var styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#FFCCCC'
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10
  },
  button: {
    textAlign: 'center',
    color: '#ffffff',
    marginBottom: 7,
    border: 1px solid blue,
    borderRadius: 2px
  }
});

Source: stackoverflow.com

Similar codes

0 vote160 views1 answer
Jest mock react-redux hooks
Javascript React
8 votes145 views1 answer
React.Fragmen
Javascript React
1 vote149 views1 answer
SFC in react
Javascript React
-2 votes141 views1 answer
How to hide keyboard in react native
Javascript React
0 vote166 views1 answer
How to change height of bottom material tab navigator from react-naviagtion
Javascript React
0 vote145 views2 answers
React router dom v6
Javascript React
0 vote132 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
0 vote148 views1 answer
ERROR TypeError: undefined is not an object (evaluating '_reactNative.Styles.m aincont')
Javascript React
25 votes134 views3 answers
Setting a background Image With React Inline Styles
Javascript React
0 vote137 views1 answer
React native call keep
Javascript React