unicorn-demo-app 8.1.8 → 8.2.0-snapshot.7650

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/screens/componentScreens/ProgressBarScreen.tsx +13 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "unicorn-demo-app",
3
- "version": "8.1.8",
3
+ "version": "8.2.0-snapshot.7650",
4
4
  "main": "src/index.js",
5
5
  "author": "Ethan Sharabi <ethan.shar@gmail.com>",
6
6
  "license": "MIT",
package/src/screens/componentScreens/ProgressBarScreen.tsx CHANGED
@@ -2,9 +2,7 @@ import React, {Component} from 'react';
2
2
  import {StyleSheet, ScrollView} from 'react-native';
3
3
  import {View, Text, ProgressBar, Colors, Spacings} from 'react-native-ui-lib';//eslint-disable-line
4
4
 
5
-
6
5
  export default class ProgressBarScreen extends Component {
7
-
8
6
  state = {
9
7
  progresses: [0, 0, 0, 0]
10
8
  };
@@ -53,7 +51,7 @@ export default class ProgressBarScreen extends Component {
53
51
  </Text>
54
52
  <ProgressBar
55
53
  progress={progresses[0]}
56
- style={styles.progressBar}
54
+ containerStyle={styles.progressBar}
57
55
  />
58
56
 
59
57
  <Text $textDefault text70 style={styles.text}>
@@ -61,7 +59,7 @@ export default class ProgressBarScreen extends Component {
61
59
  </Text>
62
60
  <ProgressBar
63
61
  progress={progresses[1]}
64
- style={styles.fullWidthProgressBar}
62
+ containerStyle={styles.fullWidthProgressBar}
65
63
  fullWidth
66
64
  />
67
65
 
@@ -70,7 +68,7 @@ export default class ProgressBarScreen extends Component {
70
68
  </Text>
71
69
  <ProgressBar
72
70
  progress={progresses[2]}
73
- style={[styles.progressBar, styles.styledProgressBar]}
71
+ containerStyle={[styles.progressBar, styles.styledProgressBar]}
74
72
  progressColor={Colors.purple70}
75
73
  />
76
74
 
@@ -79,9 +77,18 @@ export default class ProgressBarScreen extends Component {
79
77
  </Text>
80
78
  <ProgressBar
81
79
  progress={progresses[0]}
82
- style={styles.progressBar}
80
+ containerStyle={styles.progressBar}
83
81
  customElement={this.customElement}
84
82
  />
83
+
84
+ <Text $textDefault text70 style={styles.text}>
85
+ Custom Style - No Border Radius, 50% progress
86
+ </Text>
87
+ <ProgressBar
88
+ progress={50}
89
+ containerStyle={[styles.progressBar, styles.styledProgressBar, {borderRadius: 0}]}
90
+ progressStyle={{borderRadius: 0, backgroundColor: Colors.purple70}}
91
+ />
85
92
  </View>
86
93
  </ScrollView>
87
94
  );