Android fixes (#3)

android/app/build.gradle

@@ -1,4 +1,5 @@
 apply plugin: "com.android.application"
+apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"
 
 import com.android.build.OutputFile
 

android/build.gradle

@@ -21,6 +21,17 @@ buildscript {
 
 allprojects {
     repositories {
+        exclusiveContent {
+           filter {
+               includeGroup "com.facebook.react"
+           }
+           forRepository {
+               maven {
+                   url "$rootDir/../node_modules/react-native/android"
+               }
+           }
+       }
+
         mavenLocal()
         maven {
             // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm

package.json

@@ -8,7 +8,8 @@
     "start": "react-native start",
     "test": "jest",
     "lint": "eslint .",
-    "pod": "cd ios && pod install && cd .."
+    "pod": "cd ios && pod install && cd ..",
+    "apk:release": "cd android && ./gradlew app:assembleRelease && cd .."
   },
   "dependencies": {
     "@react-native-community/masked-view": "^0.1.11",

src/screens/PlayerScreen/index.tsx

@@ -1,13 +1,13 @@
 import React, {useState, useCallback, useEffect} from 'react';
-import {Image, StyleSheet, Dimensions} from 'react-native';
+import {Image, StyleSheet, Dimensions, Platform} from 'react-native';
 import TrackPlayer, {STATE_PLAYING} from 'react-native-track-player';
 import LinearGradient from 'react-native-linear-gradient';
 import {useSelector} from 'react-redux';
 
 import {getDominantColor, getGradientColors} from '../../helpers/colorHelpers';
 import {useSafeAreaInsets} from 'react-native-safe-area-context';
 import {COLOR_BACKGROUND} from '../../constants/colors';
-import {SPACE_24, SPACE_48, SPACE_8} from '../../constants/dimens';
+import {SPACE_16, SPACE_24, SPACE_48, SPACE_8} from '../../constants/dimens';
 import Header from './Header';
 import BottomControls from './BottomControls';
 import {StackNavigationProp} from '@react-navigation/stack';
@@ -55,7 +55,9 @@ const PlayerScreen: React.FC<PlayerScreenProps> = props => {
     styles.container,
     {paddingBottom: insets.bottom + SPACE_8},
   ];
-  const topBarStyle = {marginTop: insets.top};
+  const topBarStyle = {
+    marginTop: insets.top + (Platform.OS === 'android' ? SPACE_16 : 0),
+  };
 
   const colors = getGradientColors(dominantColor);
 

src/screens/SearchScreen/index.tsx

@@ -114,7 +114,7 @@ const SearchScreen: React.FC<SearchScreenProps> = props => {
         renderItem={renderItem}
         keyExtractor={(_, index) => String(index)}
         stickyHeaderIndices={[1]}
-        showsVerticalScrollIndicator={true}
+        showsVerticalScrollIndicator={false}
         contentContainerStyle={styles.list}
         onEndReached={handleLoadMore}
         onEndReachedThreshold={0.8}