warnings and error about react-native-af-video-player

[jeaniekarina]

Make these two changes:

diff --git a/node_modules/react-native-af-video-player/components/Time.js b/node_modules/react-native-af-video-player/components/Time.js
index 01be913..9e847ac 100644
--- a/node_modules/react-native-af-video-player/components/Time.js
+++ b/node_modules/react-native-af-video-player/components/Time.js
@@ -32,7 +32,7 @@ class Time extends Component {
   render() {
     return (
       <View style={styles.container}>
-        <Text style={{ color: this.props.theme }}>{this.getTime(parseInt(this.props.time, 10))}</Text>
+        <Text style={{ color: this.props.theme.iconColor }}>{this.getTime(parseInt(this.props.time, 10))}</Text>
       </View>
     )
   }
diff --git a/node_modules/react-native-af-video-player/components/Video.js b/node_modules/react-native-af-video-player/components/Video.js
index 258171b..ae7cfd6 100644
--- a/node_modules/react-native-af-video-player/components/Video.js
+++ b/node_modules/react-native-af-video-player/components/Video.js
@@ -318,7 +318,7 @@ class Video extends Component {
         <Icons
           name="replay"
           size={60}
-          color={this.props.theme}
+          color={this.props.theme.iconColor}
           onPress={() => this.setState({ renderError: false })}
         />
       </Animated.View>

And then the theme will work correctly. Im using patch-package. npx patch-package react-native-af-video-player will apply it for you without waiting on this library to be updated.

[sure1243jupiter]

hey @crzycoder sry for the late replay
do not fix the color="white" as static
i have changed it to
color={this.props.theme,iconColor} in the <Icons /> in the video.js file in react-native-af-video library

and in your code where you are calling react-native-af-video-player you can do like this

<Video
......
theme={styles.videoTheme} />

where you can pass the theme as declared styles from there it will take iconColor.
you can also pass the color to different views like this

const styles={
  videoTheme :
  {title:'#FFF',
  more: '#FFF',
  center: '#FFF',
  fullscreen: '#FFF',
  volume: '#FFF',
  scrubberThumb: '#FFF',
  scrubberBar: '#FFF',
  seconds: '#FFF',
  duration: '#FFF',
  progress: '#FFF',
  loading: '#FFF',
  iconColor:'#FFF'},
}

[crzycoder]

In video.js line 351 color={this.props.theme} replace it with color="white"