Set default width for linear progress component (#967)

* set width 100% for linear progress component

* update script for run example

* update example of linear progress

Author: sieu-db

example/src/LinearProgressExample.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import Section, { Container } from "./Section";
 import { LinearProgress, Button } from "@draftbit/ui";
-import { Text } from "react-native";
+import { Text, View } from "react-native";
 
 const ProgressExample: React.FC = () => {
   const [value, setValue] = React.useState(50);
@@ -49,6 +49,11 @@ const ProgressExample: React.FC = () => {
         title="Randomize Progress"
         onPress={() => setValue(Math.random() * 101)}
       />
+      <Section title="Centerize content" style={{}}>
+        <View style={{ justifyContent: "center", alignItems: "center" }}>
+          <LinearProgress value={value} />
+        </View>
+      </Section>
     </Container>
   );
 };

package.json

@@ -12,6 +12,9 @@
   "scripts": {
     "postinstall": "yarn-deduplicate && patch-package",
     "example": "yarn --cwd example",
+    "example:web": "yarn example start -c --web",
+    "example:ios": "yarn example start -c --ios",
+    "example:android": "yarn example start -c --android",
     "bootstrap": "lerna bootstrap",
     "crosslink": "lerna link",
     "format": "prettier --write .",

packages/core/src/components/Progress/LinearProgress/LinearProgress.tsx

@@ -96,6 +96,7 @@ export const LinearProgress: React.FC<ValueProgressProps> = ({
       style={[
         {
           height: maxThickness,
+          width: "100%",
         },
         style,
       ]}