Skip to content

Commit 48b9f11

Browse files
committed
Update Readme, refactor code
1 parent 9ec036d commit 48b9f11

File tree

4 files changed

+17
-85
lines changed

4 files changed

+17
-85
lines changed

.flowconfig

Lines changed: 0 additions & 70 deletions
This file was deleted.

README.md

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ The project uses and encourages to use industry best practices / tools / librari
5252
│ ├── constants Screens, Localization
5353
│ ├── navigators Router, Navigation
5454
│ ├── view UI compoments - Screens, Widgets
55-
│ │ ├── elements Custom elements
55+
│ │ ├── elements Custom elements
5656
│ │ ├── assets
5757
│ │ ├── screens
5858
│ │ ├── styles Typography
@@ -63,8 +63,9 @@ The project uses and encourages to use industry best practices / tools / librari
6363
│ └── redux
6464
├── .babelrc
6565
├── .eslintrc Lint configuration - extending AirBnb
66-
├── .flowconfig Flow configuration
6766
├── .gitignore
67+
├── .travis.yml Travis CI
68+
├── tsconfig.json TypeScript Configuration
6869
├── app.json
6970
├── index.js Application Entry point
7071
├── package.json
@@ -144,11 +145,11 @@ npm run test:coverage
144145

145146
##### React Native Navigation
146147

147-
The application launches with a blank splash screen, and the moves to a tabbed based home view. Developers can feel free to add application launch logic to this, or entirely skip the splash if not required, or change this altogether.
148+
The application launches with a blank splash screen, and then moves to a tabbed based home view. Developers can feel free to add application launch logic to this, like fetch user token, load persist state etc., or skip the splash if not required, or change this setup altogether.
148149

149150
##### Styles
150151

151-
The `styles` folder contain global style and typography for the application. Styles for each screen has been placed with the screen, as they are going to be used together with the screen, unlike web.
152+
The `styles` folder contains `global` style and `typography` for the application. Styles for each screen has been placed with the screen, as they are going to be used together with the screen, unlike web.
152153

153154
##### Widgets / Elements
154155

@@ -165,7 +166,7 @@ Please check out [Contributing](https://github.com/AmitM30/react-native-typescri
165166

166167
#### Authors
167168

168-
- **Anurag** - _Android Setup_ - [Profile](https://github.com/a7urag)
169+
- **Anurag Chutani** - _Android Setup_ - [Profile](https://github.com/a7urag)
169170

170171
See also the list of [contributors](https://github.com/AmitM30/react-native-typescript-boilerplate/contributors) who participated in this project.
171172

src/view/styles/global.tsx

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ export const WidgetPaddingValue = 16;
77
const Layout = StyleSheet.create({
88
SafeArea: {
99
flex: 1,
10-
backgroundColor: TYPOGRAPHY.Color.BgPrimary
10+
backgroundColor: TYPOGRAPHY.Color.Primary
1111
},
1212
container: {
1313
flex: 1
@@ -36,7 +36,7 @@ const CTA = {
3636
},
3737
primaryText: {
3838
fontSize: 16,
39-
color: TYPOGRAPHY.Color.BgPrimary,
39+
color: TYPOGRAPHY.Color.Primary,
4040
textAlign: 'center'
4141
},
4242
secondary: {
@@ -69,12 +69,12 @@ const Fonts = StyleSheet.create({
6969
body: {
7070
fontSize: 16,
7171
fontFamily: TYPOGRAPHY.Font.Primary,
72-
color: TYPOGRAPHY.Color.Body
72+
color: TYPOGRAPHY.Color.Default
7373
},
7474
subTitle: {
7575
fontSize: 14,
7676
fontFamily: TYPOGRAPHY.Font.Primary,
77-
color: TYPOGRAPHY.Color.SecondaryText
77+
color: TYPOGRAPHY.Color.Secondary
7878
}
7979
});
8080

@@ -83,13 +83,13 @@ const Text = StyleSheet.create({
8383
textAlign: 'left',
8484
fontFamily: TYPOGRAPHY.Font.Primary,
8585
fontSize: 14,
86-
color: TYPOGRAPHY.Color.PrimaryText
86+
color: TYPOGRAPHY.Color.Primary
8787
},
8888
Bold: {
8989
textAlign: 'left',
9090
fontSize: 14,
91-
fontFamily: TYPOGRAPHY.Font.Bold,
92-
color: TYPOGRAPHY.Color.PrimaryText
91+
fontFamily: TYPOGRAPHY.Font.Primary,
92+
color: TYPOGRAPHY.Color.Primary
9393
}
9494
});
9595

@@ -101,15 +101,15 @@ const TextInput = {
101101
fontSize: 12,
102102
borderWidth: 0.2,
103103
borderColor: TYPOGRAPHY.Color.Border,
104-
color: TYPOGRAPHY.Color.PrimaryText
104+
color: TYPOGRAPHY.Color.Primary
105105
},
106106
Bold: {
107-
fontFamily: TYPOGRAPHY.Font.Bold,
107+
fontFamily: TYPOGRAPHY.Font.Primary,
108108
textAlign: 'left',
109109
fontSize: 12,
110110
borderWidth: 0.2,
111111
borderColor: TYPOGRAPHY.Color.Border,
112-
color: TYPOGRAPHY.Color.PrimaryText
112+
color: TYPOGRAPHY.Color.Primary
113113
}
114114
})
115115
};

src/view/styles/typography.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ const Color = {
33
Primary: '#565656',
44
Secondary: '#399be0',
55
Default: '#FFFFFF',
6+
DefaultSelected: '#222222',
67
Border: '#E7E7E8',
78
Success: '#2BC480',
89
Warning: '#D91E5B'

0 commit comments

Comments
 (0)