При нажатии на кнопку Confirm agreement
должен появится Alert
с заголовком Please confirm
.
Alert
должен показать сообщение - Are you agree?
и две кнопки- Sure
и No, no, no
.
При нажатии на первую кнопку на экране должно появится сообщение - You have agreed to become super developer
.
При нажатии на вторую - Alert
должен просто закрыться.
Эта задача — часть курса по Full-Stack JavaScript
Ты можешь задать свой вопрос в комментариях под постом
Если ты уже решил задачу, то не стесняйся помочь другим
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"
}
}
}