-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
53 lines (45 loc) · 1.23 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
import { useState } from "react";
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';
import params from './src/utils/params';
import MineField from './src/components/MineField';
import { createMinedBoard } from "./src/utils/functions"
export default function App() {
const minesAmount = () => {
const cols = params.getColumnsAmount();
const rows = params.getRowsAmount();
return Math.ceil(cols * rows * params.difficultLevel)
}
const [board, setBoard] = useState(createMinedBoard(
params.getColumnsAmount(),
params.getRowsAmount(),
minesAmount()
))
return (
<View style={styles.container}>
<Text style={styles.welcome}>Iniciando o Mines!</Text>
<Text style={styles.welcome}>
Tamanho da grade: {params.getRowsAmount()} x {params.getColumnsAmount()}
</Text>
<View style={styles.board}>
<MineField board={board}/>
</View>
<StatusBar hidden={true} />
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'flex-end',
},
welcome: {
fontSize: 20,
textAlign: "center",
margin: 10
},
board: {
alignItems: "center",
backgroundColor: "#AAA"
}
});