Skip to content

Commit 1411359

Browse files
author
Nir Hadassi
committed
replaced colors
1 parent 3a15815 commit 1411359

16 files changed

+31
-28
lines changed

‎README.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ const styles = StyleSheet.create({
5252
container: {
5353
width: width,
5454
height: height,
55-
backgroundColor: '#F0D6FF',
55+
backgroundColor: '#E0E0E0',
5656
alignItems: 'center',
5757
justifyContent: 'center',
5858
},
@@ -91,14 +91,14 @@ const styles = StyleSheet.create({
9191
height: 45,
9292
borderRadius: 100,
9393
marginBottom: 10,
94-
backgroundColor: '#66E8FF',
94+
backgroundColor: '#41B6E6',
9595
alignItems: 'center',
9696
justifyContent: 'center',
9797
},
9898
buttonText: {
9999
fontWeight: 'bold',
100100
fontSize: 14,
101-
color: 'black'
101+
color: 'white'
102102
}
103103
});
104104
```
@@ -208,7 +208,7 @@ const styles = StyleSheet.create({
208208
buttonText: {
209209
fontWeight: 'bold',
210210
fontSize: 3.6 * vw,
211-
color: 'black'
211+
color: 'white'
212212
}
213213
});
214214
```

‎images/iphone1.png

-4.01 KB
Loading

‎images/iphoneflex.png

-4.13 KB
Loading

‎images/iphonescaling.png

-5.3 KB
Loading

‎images/iphoneviewport.png

-3.57 KB
Loading

‎images/tablet1.png

-190 Bytes
Loading

‎images/tabletflex.png

479 Bytes
Loading

‎images/tabletscaling.png

434 Bytes
Loading

‎images/tabletviewport.png

609 Bytes
Loading

‎index.android.js

+3-6
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,8 @@
1-
import React, { Component } from 'react';
1+
import React from 'react';
22
import { AppRegistry } from 'react-native';
3-
import Example from './pages/Example';
4-
import FlexExample from './pages/FlexExample';
5-
import ViewPortExample from './pages/ViewPortExample';
6-
import ScalingExample from './pages/ScalingExample';
3+
import App from './pages/App';
74

8-
const BlogPost = () => <ScalingExample/>;
5+
const BlogPost = () => <App/>;
96
export default BlogPost;
107

118
AppRegistry.registerComponent('BlogPost', () => BlogPost);

‎index.ios.js

+3-6
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,8 @@
1-
import React, { Component } from 'react';
1+
import React from 'react';
22
import { AppRegistry } from 'react-native';
3-
import Example from './pages/Example';
4-
import FlexExample from './pages/FlexExample';
5-
import ViewPortExample from './pages/ViewPortExample';
6-
import ScalingExample from './pages/ScalingExample';
3+
import App from './pages/App';
74

8-
const BlogPost = () => <ScalingExample/>;
5+
const BlogPost = () => <App/>;
96
export default BlogPost;
107

118
AppRegistry.registerComponent('BlogPost', () => BlogPost);

‎pages/App.js

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import React from 'react';
2+
import Example from './Example';
3+
import FlexExample from './FlexExample';
4+
import ViewPortExample from './ViewPortExample';
5+
import ScalingExample from './ScalingExample';
6+
7+
const App = () => <Example/>;
8+
9+
export default App;

‎pages/Example.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ const styles = StyleSheet.create({
2525
container: {
2626
width: width,
2727
height: height,
28-
backgroundColor: '#F0D6FF',
28+
backgroundColor: '#E0E0E0',
2929
alignItems: 'center',
3030
justifyContent: 'center',
3131
},
@@ -64,13 +64,13 @@ const styles = StyleSheet.create({
6464
height: 45,
6565
borderRadius: 100,
6666
marginBottom: 10,
67-
backgroundColor: '#66E8FF',
67+
backgroundColor: '#41B6E6',
6868
alignItems: 'center',
6969
justifyContent: 'center',
7070
},
7171
buttonText: {
7272
fontWeight: 'bold',
7373
fontSize: 14,
74-
color: 'black'
74+
color: 'white'
7575
}
7676
});

‎pages/FlexExample.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ const styles = StyleSheet.create({
3232
container: {
3333
width: width,
3434
height: height,
35-
backgroundColor: '#F0D6FF',
35+
backgroundColor: '#E0E0E0',
3636
alignItems: 'center',
3737
justifyContent: 'center',
3838
},
@@ -69,13 +69,13 @@ const styles = StyleSheet.create({
6969
height: 45,
7070
borderRadius: 100,
7171
marginBottom: 10,
72-
backgroundColor: '#66E8FF',
72+
backgroundColor: '#41B6E6',
7373
alignItems: 'center',
7474
justifyContent: 'center',
7575
},
7676
buttonText: {
7777
fontWeight: 'bold',
7878
fontSize: 14,
79-
color: 'black'
79+
color: 'white'
8080
}
8181
});

‎pages/ScalingExample.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ const styles = StyleSheet.create({
2727
container: {
2828
width: width,
2929
height: height,
30-
backgroundColor: '#F0D6FF',
30+
backgroundColor: '#E0E0E0',
3131
alignItems: 'center',
3232
justifyContent: 'center',
3333
},
@@ -66,13 +66,13 @@ const styles = StyleSheet.create({
6666
height: moderateScale(45, 0.3),
6767
borderRadius: 100,
6868
marginBottom: moderateScale(10, 0.6),
69-
backgroundColor: '#66E8FF',
69+
backgroundColor: '#41B6E6',
7070
alignItems: 'center',
7171
justifyContent: 'center',
7272
},
7373
buttonText: {
7474
fontWeight: 'bold',
7575
fontSize: moderateScale(14),
76-
color: 'black'
76+
color: 'white'
7777
}
7878
});

‎pages/ViewPortExample.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ const styles = StyleSheet.create({
2727
container: {
2828
width: width,
2929
height: height,
30-
backgroundColor: '#F0D6FF',
30+
backgroundColor: '#E0E0E0',
3131
alignItems: 'center',
3232
justifyContent: 'center',
3333
},
@@ -66,13 +66,13 @@ const styles = StyleSheet.create({
6666
height: 10.7 * vw,
6767
borderRadius: 27 * vw,
6868
marginBottom: 2.6 * vw,
69-
backgroundColor: '#66E8FF',
69+
backgroundColor: '#41B6E6',
7070
alignItems: 'center',
7171
justifyContent: 'center',
7272
},
7373
buttonText: {
7474
fontWeight: 'bold',
7575
fontSize: 3.6 * vw,
76-
color: 'black'
76+
color: 'white'
7777
}
7878
});

0 commit comments

Comments
 (0)