react-native-video-step-4-icons.js

// At the top of our file
import { MaterialIcons, Octicons } from '@expo/vector-icons';

// In our App class
render() {
  const { width } = Dimensions.get('window');
		
  return (
    <View style={styles.container}>
      <View>
          <Text style={{ textAlign: 'center' }}> React Native Video </Text>
          <Video
            source={{ uri: 'http://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4' }}
            shouldPlay={this.state.shouldPlay}
            resizeMode="cover"
            style={{ width, height: 300 }}
            isMuted={this.state.mute}
          />
          <View style={styles.controlBar}>
            <MaterialIcons 
              name={this.state.mute ? "volume-mute" : "volume-up"}
              size={45} 
              color="white" 
              onPress={this.handleVolume} 
            />
            <MaterialIcons 
              name={this.state.shouldPlay ? "pause" : "play-arrow"} 
              size={45} 
              color="white" 
              onPress={this.handlePlayAndPause} 
            />
          </View>
        </View>
    </View>
  );
}
}