This commit is contained in:
henrydays
parent
55d337ea07
commit
2dfc0c8be0
157
App/app/App.js
157
App/app/App.js
|
|
@ -10,7 +10,10 @@ import {
|
|||
ActivityIndicator,
|
||||
Button,
|
||||
TouchableHighlight,
|
||||
Keyboard
|
||||
Keyboard,
|
||||
ImageBackground,
|
||||
LinearGradient,
|
||||
TouchableOpacity
|
||||
|
||||
} from 'react-native';
|
||||
|
||||
|
|
@ -33,6 +36,7 @@ import Icon from "react-native-vector-icons/Ionicons"
|
|||
const SCREEN_HEIGHT = Dimensions.get("window").height;
|
||||
const SCREEN_WIDTH = Dimensions.get("window").width;
|
||||
|
||||
import Swiper from 'react-native-swiper';
|
||||
|
||||
class App extends Component {
|
||||
|
||||
|
|
@ -138,7 +142,93 @@ class App extends Component {
|
|||
<Router></Router>
|
||||
)
|
||||
}
|
||||
else {
|
||||
return (
|
||||
<Swiper style={styles.wrapper}
|
||||
showsButtons={false}
|
||||
//paginationStyle={{backgroundColor: 'white'}}
|
||||
dot={<View style={{backgroundColor:'rgba(0,0,0,.2)', width: 15, height: 15,borderRadius: 8, marginLeft: 6, marginRight: 6, marginTop: 6, marginBottom: 6,}} />}
|
||||
activeDot={<View style={{backgroundColor: 'red', width: 15, height: 15, borderRadius: 8, marginLeft: 6, marginRight: 6, marginTop: 6, marginBottom: 6,}} />}
|
||||
|
||||
>
|
||||
|
||||
<View style={styles.slide1}>
|
||||
<View style={styles.logoContainer}>
|
||||
<Image style={styles.logo2} source={require('./assets/img/logo2.png')}/>
|
||||
|
||||
</View>
|
||||
|
||||
<ImageBackground
|
||||
opacity={0.5}
|
||||
source={require('./assets/img/bg_coimbra.png')}
|
||||
style={{
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
|
||||
// marginTop:150,
|
||||
backgroundColor: 'rgba(255,255,255,0.4)' ,
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
>
|
||||
|
||||
<Text></Text>
|
||||
|
||||
</ImageBackground>
|
||||
|
||||
</View>
|
||||
|
||||
<View style={styles.slide2}>
|
||||
<View style={{ width:'100%',
|
||||
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',}}>
|
||||
<Image style={styles.logo2} source={require('./assets/img/logo2.png')}/>
|
||||
|
||||
</View>
|
||||
<RkTextInput rkType='rounded' placeholder='Username' />
|
||||
<RkTextInput rkType='rounded' placeholder='Password' secureTextEntry />
|
||||
|
||||
<View style={ styles.buttons }>
|
||||
<TouchableOpacity
|
||||
style={styles.button}>
|
||||
|
||||
<Icon name="logo-facebook" size={40}/>
|
||||
</TouchableOpacity>
|
||||
<TouchableOpacity
|
||||
style={styles.button}>
|
||||
|
||||
<Icon name="logo-instagram" size={40}/>
|
||||
</TouchableOpacity>
|
||||
<TouchableOpacity
|
||||
style={styles.button}>
|
||||
|
||||
<Icon name="md-heart" size={40}/>
|
||||
|
||||
</TouchableOpacity>
|
||||
|
||||
</View>
|
||||
<View style={styles.footer}>
|
||||
<View style={styles.textRow}>
|
||||
<RkText rkType='primary3'>Não sabes a password?</RkText>
|
||||
<RkButton rkType='clear' onPress={this.onSignUpButtonPressed}>
|
||||
|
||||
<TouchableOpacity>
|
||||
<RkText style={{color:'red'}} kType='header6'>Recuperar Password</RkText>
|
||||
</TouchableOpacity>
|
||||
|
||||
</RkButton>
|
||||
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
<View style={styles.slide3}>
|
||||
<Text style={styles.text}>And simple</Text>
|
||||
</View>
|
||||
|
||||
</Swiper>
|
||||
);
|
||||
{
|
||||
|
||||
|
||||
//se não existir vai para o ecrã de scan QR
|
||||
|
|
@ -258,7 +348,70 @@ const rectDimensions = SCREEN_WIDTH * 0.85; // this is equivalent to 255 from a
|
|||
const overlayColor = 'rgba(0,0,0,0.30)';
|
||||
|
||||
const styles = {
|
||||
button: {
|
||||
borderWidth:1,
|
||||
borderColor:'rgba(0,0,0,0.2)',
|
||||
alignItems:'center',
|
||||
justifyContent:'center',
|
||||
width:60,
|
||||
height:60,
|
||||
backgroundColor:'#fff',
|
||||
borderRadius:100,
|
||||
marginRight: 10,
|
||||
marginLeft:10
|
||||
},
|
||||
footer: {},
|
||||
|
||||
buttons: {
|
||||
flexDirection: 'row',
|
||||
marginBottom: 24,
|
||||
marginHorizontal: 24,
|
||||
marginTop:24,
|
||||
justifyContent: 'space-around',
|
||||
|
||||
|
||||
},
|
||||
logoContainer:{
|
||||
width:'100%',
|
||||
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
marginTop:200
|
||||
|
||||
},
|
||||
|
||||
logo2:{
|
||||
|
||||
// flex: 1,
|
||||
// resizeMode: 'contain',
|
||||
width: 200, height: 200,
|
||||
|
||||
},
|
||||
wrapper: {
|
||||
},
|
||||
slide1: {
|
||||
flex: 1,
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
backgroundColor: 'white',
|
||||
},
|
||||
slide2: {
|
||||
flex: 1,
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
backgroundColor: 'white',
|
||||
},
|
||||
slide3: {
|
||||
flex: 1,
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
backgroundColor: '#92BBD9',
|
||||
},
|
||||
text: {
|
||||
color: '#fff',
|
||||
fontSize: 30,
|
||||
fontWeight: 'bold',
|
||||
},
|
||||
recover: {
|
||||
paddingTop: 10,
|
||||
color: "red",
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
|
|
@ -7029,6 +7029,14 @@
|
|||
"resolved": "https://registry.npmjs.org/react-native-status-bar-height/-/react-native-status-bar-height-2.2.0.tgz",
|
||||
"integrity": "sha512-4WJpyZirzeMHyZiyNEy4LnSPOtuLRVy3+28Rhz7ffrjCVcc5RFcC0HVjFnkwfuhcTyXIDtzPG6canJkXzbTtBA=="
|
||||
},
|
||||
"react-native-swiper": {
|
||||
"version": "1.5.14",
|
||||
"resolved": "https://registry.npmjs.org/react-native-swiper/-/react-native-swiper-1.5.14.tgz",
|
||||
"integrity": "sha512-Kn0fxKooN7Shwu1qJYHB+Y8ssXXnvrIwReHXU5jCdyYNfz2QbBv0Cv3sa2Mqzr+XgzORCFFIokc8uCCUITDrVA==",
|
||||
"requires": {
|
||||
"prop-types": "^15.5.10"
|
||||
}
|
||||
},
|
||||
"react-native-tab-view": {
|
||||
"version": "1.3.1",
|
||||
"resolved": "https://registry.npmjs.org/react-native-tab-view/-/react-native-tab-view-1.3.1.tgz",
|
||||
|
|
|
|||
|
|
@ -23,6 +23,7 @@
|
|||
"react-native-modal": "^7.0.2",
|
||||
"react-native-progress": "^3.5.0",
|
||||
"react-native-qrcode-scanner": "^1.1.2",
|
||||
"react-native-swiper": "^1.5.14",
|
||||
"react-native-timeline-feed": "^1.0.1",
|
||||
"react-native-timeline-listview": "^0.2.3",
|
||||
"react-native-ui-kitten": "^3.1.2",
|
||||
|
|
|
|||
Loading…
Reference in New Issue