TimG
/
squarenotsquare
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity
Browse Source

Functional components

pull/1/head
Tim Glasgow 2 years ago
parent
f19abf56c4
commit
b54f379fec
6 changed files with 80 additions and 214 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 42
      squarenotsquare/components/Game.js
  2. 42
      squarenotsquare/components/HighScore.js
  3. 42
      squarenotsquare/components/Home.js
  4. 42
      squarenotsquare/components/Settings.js
  5. 44
      squarenotsquare/components/Splash.js
  6. 82
      squarenotsquare/navigation/SquareStack.js

42
squarenotsquare/components/Game.js
View File

@ -1,38 +1,14 @@
import React, { Component } from "react";
import React from "react";
import { Text, View } from "react-native";
import { connect } from "react-redux";
import { bindActionCreators } from "redux";
import { useState } from "react";
class Game extends Component {
constructor(props){
super(props)
this.state = {
function Game(props){
}
//props.someNavAction, 5000
//setTimeout(null, 5000);
}
render () {
return (
<View>
<Text>test</Text>
</View>
);
};
}
function mapStateToProps(){
}
const mapDispatchToProps = (dispatch) => {
let actions = {
//...someActionsGroup
};
return bindActionCreators(actions, dispatch);
return (
<View>
<Text style={{color: 'black'}}>test</Text>
</View>
);
}
export default connect(mapStateToProps, mapDispatchToProps)(Game);
export default Game;

42
squarenotsquare/components/HighScore.js
View File

@ -1,38 +1,14 @@
import React, { Component } from "react";
import React from "react";
import { Text, View } from "react-native";
import { connect } from "react-redux";
import { bindActionCreators } from "redux";
import { useState } from "react";
class HighScore extends Component {
constructor(props){
super(props)
this.state = {
function HighScore(props){
}
//props.someNavAction, 5000
//setTimeout(null, 5000);
}
render () {
return (
<View>
<Text>test</Text>
</View>
);
};
}
function mapStateToProps(){
}
const mapDispatchToProps = (dispatch) => {
let actions = {
//...someActionsGroup
};
return bindActionCreators(actions, dispatch);
return (
<View>
<Text style={{color: 'black'}}>test</Text>
</View>
);
}
export default connect(mapStateToProps, mapDispatchToProps)(HighScore);
export default HighScore;

42
squarenotsquare/components/Home.js
View File

@ -1,38 +1,14 @@
import React, { Component } from "react";
import React from "react";
import { Text, View } from "react-native";
import { connect } from "react-redux";
import { bindActionCreators } from "redux";
import { useState } from "react";
class Home extends Component {
constructor(props){
super(props)
this.state = {
function Home(props){
}
//props.someNavAction, 5000
//setTimeout(null, 5000);
}
render () {
return (
<View>
<Text>test</Text>
</View>
);
};
}
function mapStateToProps(){
}
const mapDispatchToProps = (dispatch) => {
let actions = {
//...someActionsGroup
};
return bindActionCreators(actions, dispatch);
return (
<View>
<Text style={{color: 'black'}}>test</Text>
</View>
);
}
export default connect(mapStateToProps, mapDispatchToProps)(Home);
export default Home;

42
squarenotsquare/components/Settings.js
View File

@ -1,38 +1,14 @@
import React, { Component } from "react";
import React from "react";
import { Text, View } from "react-native";
import { connect } from "react-redux";
import { bindActionCreators } from "redux";
import { useState } from "react";
class Settings extends Component {
constructor(props){
super(props)
this.state = {
function Settings(props){
}
//props.someNavAction, 5000
//setTimeout(null, 5000);
}
render () {
return (
<View>
<Text>test</Text>
</View>
);
};
}
function mapStateToProps(){
}
const mapDispatchToProps = (dispatch) => {
let actions = {
//...someActionsGroup
};
return bindActionCreators(actions, dispatch);
return (
<View>
<Text style={{color: 'black'}}>test</Text>
</View>
);
}
export default connect(mapStateToProps, mapDispatchToProps)(Settings);
export default Settings;

44
squarenotsquare/components/Splash.js
View File

@ -1,40 +1,14 @@
import React, { Component } from "react";
import React from "react";
import { Text, View } from "react-native";
import { connect } from "react-redux";
import { bindActionCreators } from "redux";
import { useState } from "react";
class Splash extends Component {
constructor(props){
super(props)
this.state = {
function Splash(props){
}
//props.someNavAction, 5000
//setTimeout(null, 5000);
}
render () {
return (
<View>
<Text>test</Text>
</View>
);
};
}
function mapStateToProps(){
return {
//system: state.system,
}
}
const mapDispatchToProps = (dispatch) => {
let actions = {
//...someActionsGroup
};
return bindActionCreators(actions, dispatch);
return (
<View>
<Text style={{color: 'black'}}>test</Text>
</View>
);
}
export default connect(mapStateToProps, mapDispatchToProps)(Splash);
export default Splash;

82
squarenotsquare/navigation/SquareStack.js
View File

@ -1,4 +1,4 @@
import React, {Component} from 'react';
import React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import {createStackNavigator} from '@react-navigation/stack';
import {connect} from 'react-redux';
@ -12,52 +12,40 @@ import Splash from '../components/Splash';
const SquareNav = createStackNavigator();
class SquareStack extends Component {
render() {
let noHeader = {headerShown: false};
function SquareStack() {
let noHeader = {headerShown: false};
return (
<NavigationContainer ref={squareRef}>
<SquareNav.Navigator initialRouteName="Splash">
<SquareNav.Screen
name="Splash"
component={Splash}
options={noHeader}
/>
<SquareNav.Screen
name="Home"
component={Home}
options={noHeader}
/>
<SquareNav.Screen
name="HighScore"
component={HighScore}
options={noHeader}
/>
<SquareNav.Screen
name="Settings"
component={Settings}
options={noHeader}
/>
<SquareNav.Screen
name="Game"
component={Game}
options={noHeader}
/>
</SquareNav.Navigator>
</NavigationContainer>
)
}
return (
<NavigationContainer ref={squareRef}>
<SquareNav.Navigator initialRouteName="Splash">
<SquareNav.Screen
name="Splash"
component={Splash}
options={noHeader}
/>
<SquareNav.Screen
name="Home"
component={Home}
options={noHeader}
/>
<SquareNav.Screen
name="HighScore"
component={HighScore}
options={noHeader}
/>
<SquareNav.Screen
name="Settings"
component={Settings}
options={noHeader}
/>
<SquareNav.Screen
name="Game"
component={Game}
options={noHeader}
/>
</SquareNav.Navigator>
</NavigationContainer>
)
}
function mapStateToProps(state) {
return {
Navigation: state.Navigation
}
}
function mapDispatchToProps(dispatch) {
return {dispatch: dispatch};
}
export default connect(mapStateToProps, mapDispatchToProps)(SquareStack)
export default SquareStack;
Write Preview
Loading…
Cancel
Save