added nested gradient for android

Author: iyegoroff

TextGradientExample/App.js

@@ -19,20 +19,75 @@ const instructions = Platform.select({
 
 type Props = {};
 export default class App extends Component<Props> {
+
+  grad(text, key) {
+    return (
+      <LinearTextGradient
+        style = {
+          [styles.welcome, {
+            backgroundColor: 'red',
+            textDecorationLine: 'underline',
+          }]
+        }
+        key={key}
+        locations={[0, 1]}
+        colors={['green', 'red']}
+        start={{ x: 0, y: 0 }}
+        end={{ x: 1, y: 0 }}
+      >
+        {text}
+      </LinearTextGradient>
+    )
+  }
   render() {
     return (
       <View style={styles.container}>
         <LinearTextGradient
-          style={styles.welcome}
+          style = {
+            [styles.welcome, {
+              backgroundColor: 'lightgray'
+            }]
+          }
           locations={[0, 1]}
-          colors={['blue', 'red']}
-          start={{ x: 0, y: 0 }}
-          end={{ x: 1, y: 0 }}
+          colors={['lime', 'purple']}
+          start={{ x: 1, y: 0 }}
+          end={{ x: 0, y: 0 }}
         >
-          Welcome to React Native!
+        {/* _████████████_ */}
+          {this.grad('.█ ██ ███ █ ███ ',1)}
+          {this.grad('.█ ',2)}
+          {this.grad('2█ ')}
+          {this.grad('3█ ')}
+          {this.grad('.██ ')}
+          {this.grad('.███ ')}
+          {this.grad('.█ █ ')}
+          {this.grad('.█ █ █ ')}
+          {this.grad('.█ ██ ██ ', 'yellow')}
+          {this.grad('.█ ')}
+          {this.grad('?██ ')}
+          {this.grad('.███ ')}
+          {this.grad('.█ █ ')}
+          {this.grad('.█ █ █ ')}
+          {this.grad('.█ ██ ██ ')}
+          {this.grad('.█')}
+          {this.grad('.██ ')}
+          {this.grad('.█████████ ')}
+          {this.grad('.█ █ ')}
+          {this.grad('.█ █ █ ')}
+          {this.grad('.█ ██ █ ')}
+          {this.grad('.█ ')}
+          {this.grad('.██ ')}
+          {this.grad('.███ ')}
+          {this.grad('.█ █ ')}
+          {this.grad('.█ █ █ ')}
         </LinearTextGradient>
-        <Text style={styles.instructions}>To get started, edit App.js</Text>
-        <Text style={styles.instructions}>{instructions}</Text>
+        <Text style={styles.instructions}>
+          To get started, edit App.js
+          <Text style={[styles.instructions, {
+            textDecorationLine: 'underline',
+            fontWeight: 'bold'
+          }]}>{instructions}</Text>
+        </Text>
       </View>
     );
   }
@@ -46,13 +101,14 @@ const styles = StyleSheet.create({
     backgroundColor: '#F5FCFF',
   },
   welcome: {
-    fontSize: 20,
+    fontSize: 30,
     textAlign: 'center',
     margin: 10,
+    color: 'white'
   },
   instructions: {
     textAlign: 'center',
     color: '#333333',
-    marginBottom: 5,
+    marginBottom: 5
   },
 });

TextGradientExample/package.json

@@ -13,7 +13,8 @@
     "generate:android:bundle": "react-native bundle --platform android --dev false --entry-file index.js --bundle-output ./android/app/src/main/assets/index.android.bundle --assets-dest ./android/app/src/main/res/",
     "build:docker:image": "docker build -t text-gradient-android.image -f ./Dockerfile ../",
     "extract:docker:apk": "docker create -ti --name text-gradient-android-container text-gradient-android.image /bin/bash && docker cp text-gradient-android-container:/package/TextGradientExample/android/app/build/outputs/apk/release/app-release.apk text-gradient.apk && docker rm -fv text-gradient-android-container",
-    "build:release:docker": "npm run build:docker:image && npm run extract:docker:apk"
+    "build:release:docker": "npm run build:docker:image && npm run extract:docker:apk",
+    "devmenu": "adb shell input keyevent KEYCODE_MENU"
   },
   "dependencies": {
     "react": "16.8.3",

android/src/main/java/iyegoroff/RNTextGradient/Linear/RNLinearTextGradientManager.java

@@ -7,19 +7,23 @@
 import com.facebook.react.common.annotations.VisibleForTesting;
 import com.facebook.react.module.annotations.ReactModule;
 
+import javax.annotation.Nonnull;
+
 @ReactModule(name = RNLinearTextGradientManager.REACT_CLASS)
 public class RNLinearTextGradientManager extends RNTextGradientManager {
 
     @VisibleForTesting
     static final String REACT_CLASS = "RNLinearTextGradient";
 
     @Override
-    public String getName() {
+    public @Nonnull String getName() {
         return REACT_CLASS;
     }
 
     @Override
-    public RNShadowTextGradient createShadowNodeInstance(ReactApplicationContext context) {
+    public @Nonnull RNShadowTextGradient createShadowNodeInstance(
+      @Nonnull ReactApplicationContext context
+    ) {
         return new RNShadowLinearTextGradient(context);
     }