zmiguel
/
ENEI2019-Public
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

slider

This commit is contained in:
henrydays 2019-02-16 16:14:27 +00:00
parent 37742578cd
commit 71ef829382
8 changed files with 1186 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
App/android/app/build.gradle
View File

@ -149,6 +149,7 @@ android {
}
dependencies {
compile project(':react-native-linear-gradient')
compile project(':react-native-camera')
compile project(':react-native-vector-icons')
compile project(':react-native-gesture-handler')

2
App/android/app/src/main/java/com/app/MainApplication.java
View File

@ -3,6 +3,7 @@ package com.app;
import android.app.Application;
import com.facebook.react.ReactApplication;
import com.BV.LinearGradient.LinearGradientPackage;
import org.reactnative.camera.RNCameraPackage;
import com.oblador.vectoricons.VectorIconsPackage;
import com.swmansion.gesturehandler.react.RNGestureHandlerPackage;
@ -26,6 +27,7 @@ public class MainApplication extends Application implements ReactApplication {
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new LinearGradientPackage(),
new RNCameraPackage(),
new VectorIconsPackage(),
new RNGestureHandlerPackage()

2
App/android/settings.gradle
View File

@ -1,4 +1,6 @@
rootProject.name = 'app'
include ':react-native-linear-gradient'
project(':react-native-linear-gradient').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-linear-gradient/android')
include ':react-native-camera'
project(':react-native-camera').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-camera/android')
include ':react-native-vector-icons'

150
App/app/App.js
View File

@ -13,7 +13,8 @@ import {
Keyboard,
ImageBackground,
LinearGradient,
TouchableOpacity
TouchableOpacity,
TextInput
} from 'react-native';
@ -38,8 +39,6 @@ const SCREEN_WIDTH = Dimensions.get("window").width;
import Swiper from 'react-native-swiper';
import { GradientButton } from './components/gradientButton';
class App extends Component {
@ -189,14 +188,50 @@ class App extends Component {
<Image style={styles.logo2} source={require('./assets/img/logo2.png')}/>
</View>
<RkTextInput rkType='rounded' placeholder='Username' />
<RkTextInput rkType='rounded' placeholder='Password' secureTextEntry />
<GradientButton
style={styles.save}
rkType='large'
text='LOGIN'
onPress={this.onLoginButtonPressed}
/>
<View styles={styles.loginContainer}>
<View style={styles.inputSection}>
<TextInput
style={styles.input}
placeholder="Qr-code "
onChangeText={(searchString) => {this.setState({searchString})}}
maxLength={15}
underlineColorAndroid="transparent"
/>
<TouchableOpacity>
<View style={styles.scanQR}>
<Text>Scan QR</Text>
<Icon style={styles.searchIcon} name="ios-qr-scanner" size={40} color="#000"/>
</View>
</TouchableOpacity>
</View>
<TextInput style={styles.passwordInput}
onFocus={this._print}
maxLength={10}
blurOnSubmit ={true}
secureTextEntry={true}
rkType='rounded'
onChangeText={(text) => this.setState({text})}
clearButtonMode='always'
value={this.state.text}
clearTextOnFocus={true}
onSubmitEditing={Keyboard.dismiss}
placeholder='Password' />
<RkButton rkType='dark' style={styles.loginBtn}>Entrar</RkButton>
</View>
<View style={ styles.buttons }>
<TouchableOpacity
style={styles.button}>
@ -231,7 +266,7 @@ class App extends Component {
</View>
</View>
<View style={styles.slide3}>
<Text style={styles.text}>And simple</Text>
<Text>Manual de utilização</Text>
</View>
</Swiper>
@ -356,6 +391,92 @@ const rectDimensions = SCREEN_WIDTH * 0.85; // this is equivalent to 255 from a
const overlayColor = 'rgba(0,0,0,0.30)';
const styles = {
passwordInput:{
borderRadius: 90,
borderColor:'#bfbdbd',
borderWidth: 1,
marginTop:20,
marginBottom:20,
width:SCREEN_WIDTH*0.8,
backgroundColor: 'white',
borderRadius: 90,
height: SCREEN_HEIGHT*0.08,
borderColor:'#bfbdbd',
borderWidth: 1,
paddingLeft:SCREEN_WIDTH*0.05,
},
scanQRText:{
// paddingTop:20,
},
scanQR:{
fontFamily: 'Open Sans',
flexDirection: 'row',
paddingTop:5,
backgroundColor:10,
width:120,
paddingLeft:10,
backgroundColor:'#f24b4b',
borderBottomRightRadius:90,
borderTopRightRadius:90,
height:'100%',
},
inputSection: {
flexDirection: 'row',
backgroundColor: '#fff',
backgroundColor: 'white',
borderRadius: 90,
height: SCREEN_HEIGHT*0.08,
borderColor:'#bfbdbd',
borderWidth: 1,
},
searchIcon: {
paddingLeft:10
},
input: {
fontFamily: 'Open Sans',
flex: 1,
paddingRight: 10,
paddingLeft: 0,
paddingLeft:SCREEN_WIDTH*0.05,
color: '#424242',
},
textRow:{
marginBottom:40
},
loginContainer:{
width: '100%',
height: '30%',
justifyContent: 'center',
alignItems: 'center'
},
loginBtn:{
marginTop:10,
marginBottom:20,
marginLeft: '25%',
},
button: {
borderWidth:1,
borderColor:'rgba(0,0,0,0.2)',
@ -379,7 +500,9 @@ const styles = {
},
logoContainer:{
width:'100%',
justifyContent: 'center',
@ -413,7 +536,8 @@ const styles = {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#92BBD9',
color:'black',
backgroundColor: 'white',
},
text: {
color: '#fff',

13
App/app/components/gradientButton/index.js
View File

@ -1,5 +1,6 @@
import React from 'react';
import { LinearGradient } from 'expo';
import LinearGradient from 'react-native-linear-gradient';
import {
RkButton,
RkText,
@ -32,13 +33,9 @@ export class GradientButton extends RkComponent {
rkType='stretch'
style={[button, style]}
{...restProps}>
<LinearGradient
colors={colors}
start={{ x: 0.0, y: 0.5 }}
end={{ x: 1, y: 0.5 }}
style={[gradient]}>
{this.renderContent(textStyle)}
</LinearGradient>
<LinearGradient start={{x: 0, y: 0}} end={{x: 1, y: 0}} colors={['#4c669f', '#3b5998', '#192f6a']} style={{}}>
</LinearGradient>
</RkButton>
);
}

62
App/ios/enei2019.xcodeproj/project.pbxproj
View File

@ -5,7 +5,6 @@
};
objectVersion = 46;
objects = {
/* Begin PBXBuildFile section */
00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; };
00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; };
@ -57,6 +56,7 @@
BEA7C1CC22034BC800B47CD7 /* Foundation.ttf in Resources */ = {isa = PBXBuildFile; fileRef = BEA7C1BD22034BC800B47CD7 /* Foundation.ttf */; };
BEA7C1CD22034BC800B47CD7 /* EvilIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = BEA7C1BE22034BC800B47CD7 /* EvilIcons.ttf */; };
BEA7C1CE22034BC800B47CD7 /* Octicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = BEA7C1BF22034BC800B47CD7 /* Octicons.ttf */; };
7BB898A137474B3ABEF9425B /* libBVLinearGradient.a in Frameworks */ = {isa = PBXBuildFile; fileRef = A757D24430CF4419B7ABDE21 /* libBVLinearGradient.a */; };
/* End PBXBuildFile section */
/* Begin PBXContainerItemProxy section */
@ -417,6 +417,8 @@
BEA7C1BD22034BC800B47CD7 /* Foundation.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; name = Foundation.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Foundation.ttf"; sourceTree = "<group>"; };
BEA7C1BE22034BC800B47CD7 /* EvilIcons.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; name = EvilIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/EvilIcons.ttf"; sourceTree = "<group>"; };
BEA7C1BF22034BC800B47CD7 /* Octicons.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; name = Octicons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Octicons.ttf"; sourceTree = "<group>"; };
B5DCFEB358F745A89DBBDC7B /* BVLinearGradient.xcodeproj */ = {isa = PBXFileReference; name = "BVLinearGradient.xcodeproj"; path = "../node_modules/react-native-linear-gradient/BVLinearGradient.xcodeproj"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = wrapper.pb-project; explicitFileType = undefined; includeInIndex = 0; };
A757D24430CF4419B7ABDE21 /* libBVLinearGradient.a */ = {isa = PBXFileReference; name = "libBVLinearGradient.a"; path = "libBVLinearGradient.a"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = archive.ar; explicitFileType = undefined; includeInIndex = 0; };
/* End PBXFileReference section */
/* Begin PBXFrameworksBuildPhase section */
@ -448,6 +450,7 @@
832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */,
00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */,
139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */,
7BB898A137474B3ABEF9425B /* libBVLinearGradient.a in Frameworks */,
);
runOnlyForDeploymentPostprocessing = 0;
};
@ -661,6 +664,7 @@
832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */,
00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */,
139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */,
B5DCFEB358F745A89DBBDC7B /* BVLinearGradient.xcodeproj */,
);
name = Libraries;
sourceTree = "<group>";
@ -1392,6 +1396,14 @@
PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
PRODUCT_NAME = "$(TARGET_NAME)";
TEST_HOST = "$(BUILT_PRODUCTS_DIR)/enei2019.enei2019/enei2019";
LIBRARY_SEARCH_PATHS = (
"$(inherited)",
"\"$(SRCROOT)/$(TARGET_NAME)\"",
);
HEADER_SEARCH_PATHS = (
"$(inherited)",
"$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
);
};
name = Debug;
};
@ -1412,6 +1424,14 @@
PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
PRODUCT_NAME = "$(TARGET_NAME)";
TEST_HOST = "$(BUILT_PRODUCTS_DIR)/enei2019.enei2019/enei2019";
LIBRARY_SEARCH_PATHS = (
"$(inherited)",
"\"$(SRCROOT)/$(TARGET_NAME)\"",
);
HEADER_SEARCH_PATHS = (
"$(inherited)",
"$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
);
};
name = Release;
};
@ -1433,6 +1453,10 @@
PRODUCT_MODULE_NAME = App;
PRODUCT_NAME = enei2019;
VERSIONING_SYSTEM = "apple-generic";
HEADER_SEARCH_PATHS = (
"$(inherited)",
"$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
);
};
name = Debug;
};
@ -1453,6 +1477,10 @@
PRODUCT_MODULE_NAME = App;
PRODUCT_NAME = enei2019;
VERSIONING_SYSTEM = "apple-generic";
HEADER_SEARCH_PATHS = (
"$(inherited)",
"$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
);
};
name = Release;
};
@ -1479,6 +1507,14 @@
SDKROOT = appletvos;
TARGETED_DEVICE_FAMILY = 3;
TVOS_DEPLOYMENT_TARGET = 9.2;
LIBRARY_SEARCH_PATHS = (
"$(inherited)",
"\"$(SRCROOT)/$(TARGET_NAME)\"",
);
HEADER_SEARCH_PATHS = (
"$(inherited)",
"$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
);
};
name = Debug;
};
@ -1505,6 +1541,14 @@
SDKROOT = appletvos;
TARGETED_DEVICE_FAMILY = 3;
TVOS_DEPLOYMENT_TARGET = 9.2;
LIBRARY_SEARCH_PATHS = (
"$(inherited)",
"\"$(SRCROOT)/$(TARGET_NAME)\"",
);
HEADER_SEARCH_PATHS = (
"$(inherited)",
"$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
);
};
name = Release;
};
@ -1530,6 +1574,14 @@
SDKROOT = appletvos;
TEST_HOST = "$(BUILT_PRODUCTS_DIR)/enei2019-tvOS.enei2019/enei2019-tvOS";
TVOS_DEPLOYMENT_TARGET = 10.1;
LIBRARY_SEARCH_PATHS = (
"$(inherited)",
"\"$(SRCROOT)/$(TARGET_NAME)\"",
);
HEADER_SEARCH_PATHS = (
"$(inherited)",
"$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
);
};
name = Debug;
};
@ -1555,6 +1607,14 @@
SDKROOT = appletvos;
TEST_HOST = "$(BUILT_PRODUCTS_DIR)/enei2019-tvOS.enei2019/enei2019-tvOS";
TVOS_DEPLOYMENT_TARGET = 10.1;
LIBRARY_SEARCH_PATHS = (
"$(inherited)",
"\"$(SRCROOT)/$(TARGET_NAME)\"",
);
HEADER_SEARCH_PATHS = (
"$(inherited)",
"$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
);
};
name = Release;
};

988
App/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
App/package.json
View File

@ -8,6 +8,7 @@
},
"dependencies": {
"axios": "^0.18.0",
"expo": "^32.0.5",
"material-icons-react": "^1.0.4",
"moment": "^2.24.0",
"prop-types": "^15.6.2",
@ -19,6 +20,7 @@
"react-native-elements": "^1.0.0",
"react-native-gesture-handler": "^1.0.15",
"react-native-ionicons": "^4.5.5",
"react-native-linear-gradient": "^2.5.3",
"react-native-loader": "^1.2.1",
"react-native-modal": "^7.0.2",
"react-native-progress": "^3.5.0",