Your colleague left a component incomplete.
Let’s complete it. All that’s left to do is add a button.
Add a standard button Button
, the text on the button should be ‘Click me’.
When the button is clicked, the handleTouch method must be called.
This task is part of the Full-Stack JavaScript Course
If you have any issues with it, you can ask for community help below the post
Feel free to help others if you’ve already solved the task
App.js
import React, { Component } from 'react';
import { StyleSheet, View } from 'react-native';
export default class App extends Component {
state = {
touches: 0,
};
handleTouch = () => {
this.setState(({ touches }) => ({ touches: touches + 1 }));
};
render() {
return <View style={styles.container}></View>;
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#56c7c0',
alignItems: 'center',
justifyContent: 'center',
},
});
app.json
{
"expo": {
"name": "1",
"slug": "1",
"version": "1.0.0",
"orientation": "portrait",
"icon": "./assets/icon.png",
"splash": {
"image": "./assets/splash.png",
"resizeMode": "contain",
"backgroundColor": "#ffffff"
},
"updates": {
"fallbackToCacheTimeout": 0
},
"assetBundlePatterns": [
"**/*"
],
"ios": {
"supportsTablet": true
},
"android": {
"adaptiveIcon": {
"foregroundImage": "./assets/adaptive-icon.png",
"backgroundColor": "#FFFFFF"
}
},
"web": {
"favicon": "./assets/favicon.png"
}
}
}