Merge pull request #1 from iyegoroff/master

Merge pull request #1 from iyegoroff/master

Author: rowinbot

README.md

@@ -23,8 +23,7 @@ React-Native text gradient component for iOS & Android.
 
 ## Status
 
-- iOS - component works as drop-in replacement for standard `Text` component, e.g. it is possible to have nested gradients;
-- Android - currently only basic 'wrapper'-like behavior without nesting is supported, [WIP](https://github.com/iyegoroff/react-native-text-gradient/tree/android-nested-gradient);
+- Component works as drop-in replacement for standard `Text` component and it is possible to have nested gradients.
 - React-Native:
   - with rn >= 0.56.0 use latest version and [patch](#usage-with-rn--0560);
   - with rn >= 0.55.0 use 0.0.9;
@@ -114,9 +113,3 @@ When mixing several text gradients and `Text`s top component always should be te
 ```
 
 This is necessary because only top text component is 'mapped' to actual native node and its children are 'virtual' from the native perspective.
-
-## FAQ
-
-#### Is it ready for production?
-
-- Yes, I use it in production

example/.buckconfig renamed to TextGradientExample/.buckconfig

@@ -24,11 +24,13 @@
 [libs]
 node_modules/react-native/Libraries/react-native/react-native-interface.js
 node_modules/react-native/flow/
-node_modules/react-native/flow-github/
 
 [options]
 emoji=true
 
+esproposal.optional_chaining=enable
+esproposal.nullish_coalescing=enable
+
 module.system=haste
 module.system.haste.use_name_reducers=true
 # get basename
@@ -64,4 +66,4 @@ suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
 suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
 
 [version]
-^0.75.0
+^0.92.0

example/.flowconfig renamed to TextGradientExample/.flowconfig

@@ -8,7 +8,7 @@
 
 import React, {Component} from 'react';
 import {Platform, StyleSheet, Text, View} from 'react-native';
-import {LinearTextGradient} from 'react-native-text-gradient';
+import {LinearTextGradient} from 'react-native-text-gradient'
 
 const instructions = Platform.select({
   ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',
@@ -17,19 +17,23 @@ const instructions = Platform.select({
     'Shake or press menu button for dev menu',
 });
 
-export default class App extends Component {
+type Props = {};
+export default class App extends Component<Props> {
   render() {
     return (
       <View style={styles.container}>
         <LinearTextGradient
           style={styles.welcome}
           locations={[0, 1]}
-          colors={['red', 'blue']}
+          colors={['blue', 'red']}
           start={{ x: 0, y: 0 }}
           end={{ x: 1, y: 0 }}
+          // useViewFrame={true}
         >
           Welcome to React Native!
         </LinearTextGradient>
+        <Text style={styles.instructions}>To get started, edit App.js</Text>
+        <Text style={styles.instructions}>{instructions}</Text>
       </View>
     );
   }
@@ -44,7 +48,14 @@ const styles = StyleSheet.create({
   },
   welcome: {
     fontSize: 20,
-    textAlign: 'center',
+    // width: '100%',
+    // textAlign: 'right',
+    // backgroundColor: 'lightgray',
     margin: 10,
-  }
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5,
+  },
 });

example/.gitattributes renamed to TextGradientExample/.gitattributes

@@ -2,7 +2,7 @@ FROM iyegoroff/fable-android:1
 
 RUN mkdir /package
 COPY . /package
-WORKDIR /package/example
+WORKDIR /package/TextGradientExample
 
 RUN npm i --unsafe-perm
 RUN npm run generate:android:bundle

example/.gitignore renamed to TextGradientExample/.gitignore

@@ -0,0 +1,9 @@
+### Run debug version
+- Go to example folder `cd react-native-text-gradient/TextGradientExample`
+- Run `npm i && npm run run:android`
+
+### Build signed release apk with Docker
+- Go to TextGradientExample folder `cd react-native-text-gradient/TextGradientExample`
+- Generate keystore `npm run generate:android:signing-key`
+- Open `TextGradientExample/android/gradle.properties` file and replace `qwerty`s with your passwords
+- Run `npm run build:release:docker` - upon script completion apk will be copied to `TextGradientExample/text-gradient.apk` file