When you click on the Confirm agreement
border, an Alert
should appear with the Please confirm
title.
Alert
should show a message - Are you agree?
And two buttons - Sure
and No, no, no
.
When you click on the first button, a message should appear on the screen - You have agreed to become super developer
.
When you click on the second - Alert
should just close.
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, { useState } from 'react';
import { StyleSheet, Button, View, Text } from 'react-native';
export default function App() {
const [show, setShow] = useState(false);
const handleConfirmAgreement = () => {};
return (
<View style={styles.container}>
<Button title="Confirm agreement" onPress={() => handleConfirmAgreement()} />
{show && <Text>You have agreed to become super developer</Text>}
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
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"
}
}
}