enx-uikit-react-native/src/view/EnxBottomView.js

It is a react native component for Enablex users.

import React, { Component } from "react";
import { TouchableHighlight,View, StyleSheet,Image } from "react-native";
import { styles } from "../style/EnxBottomViewStyle";
class EnxBottomView extends Component {
    constructor(props) {
        super(props);
      }
      render() {
        return (
            <View style={styles.bottomBar}>
            <View
              style={{flex:1,flexDirection:'row',backgroundColor:'#D3D3D3',marginStart:15,marginEnd:15,borderRadius:20}}>

              <View style ={{flex:5,flexDirection:'row'}}>
                <View style ={{flex:1,}}>
                    <TouchableHighlight
                        underlayColor="transparent"
                        onPress={this._onPressMute}>
                        <Image
                            source={this.state.audioMuteUnmuteImage}
                            style={styles.inlineImg}
                        />
                    </TouchableHighlight>
                </View>
                <View style ={{flex:1,}}>
                    <TouchableHighlight
                        underlayColor="transparent"
                        onPress={this._onPressVideoMute}>
                        <Image
                            source={this.state.videoMuteUnmuteImage}
                            style={styles.inlineImg}
                        />
                    </TouchableHighlight>
                </View>

                <View style ={{flex:1,}}>
                    <TouchableHighlight
                        underlayColor="transparent"
                        onPress={this._onPressSwitchCamera}>
                        <Image
                            source={this.state.rotateCameraImage}
                            style={styles.inlineImg}
                        />
                    </TouchableHighlight>
                </View>

                <View style ={{flex:1,}}>
                    <TouchableHighlight
                        underlayColor="transparent"
                        onPress={this._onPressSpeaker}>
                        <Image
                            source={this.state.speakerImage}
                            style={styles.inlineImg}
                        />
                    </TouchableHighlight>
                </View>

                <View style ={{flex:1,}}>
                    <TouchableHighlight
                        underlayColor="transparent"
                        onPress={this._onPressDisconnect}>
                        <Image
                            source={require("../image_asset/end_call.png")}
                            style={styles.inlineImg}
                        />
                    </TouchableHighlight>
                </View>

            </View>

            </View>
          </View>
        );
      }
}



  export default EnxBottomView;