Untitled

 <View
        style={{
          backgroundColor: Apptheme.getbottomfeedbackgroundcolor(),
          flex: 1,
        }}
      >
        <Header
          containerStyle={{
            backgroundColor: Apptheme.getbottomfeedbackgroundcolor(),
            borderBottomColor: 'transparent',
          }}
          leftComponent={
            <TouchableOpacity onPress={() => this.props.navigation.goBack()}>
              <FastImage style={styles.image_backImage} source={closeChevron} />
            </TouchableOpacity>
          }
          centerComponent={
            <View style={styles.userviewmsg}>
              <Text style={[styles.headertext]}>Message Info </Text>
            </View>
          }
        />

        <View style={styles.userview}>
          <FastImage
            style={styles.personImg}
            source={{ uri: this.state.profileImage }}
          />
          <View style={{ flexDirection: 'row' }}>
            <>
              {this.state.profileName !== '' ? (
                <Text style={styles.headertext}>{this.state.profileName}</Text>
              ) : (
                <Text style={styles.headertext}>No Name</Text>
              )}
              <Text
                style={{
                  color: '#707082',
                  fontFamily: FONTS.AppleSymbols,
                  alignSelf: 'flex-end',
                  fontSize: Scale(18),
                }}
              >
                {''} @yellobutton
              </Text>
            </>
          </View>
        </View>
        <View style={styles.notificationView}>
          <Text style={[styles.notificationTxt]}>Notifications</Text>
          <Switch
            trackColor={{ false: 'rgb(42,42,49)', true: primaryColor }}
            thumbColor={this.state.isNotification ? '#FFF' : '#FFF'}
            style={{ transform: [{ scaleX: 0.8 }, { scaleY: 0.8 }] }}
            value={this.state.isNotification}
            onValueChange={() => {
              this.setState({ isNotification: !this.state.isNotification });
              alert(`Notification is set ${!this.state.isNotification}`);
            }}
          />
        </View>

        <Text style={styles.declaration}>
          Receive a notification each time you have a new message from{' '}
          {this.state.headerName ? this.state.headerName : 'No Name'}.
        </Text>

        <View style={styles.block_report_view}>
          <View style={styles.horizontal}>
            <View>
              <Text style={styles.headertextblock}>Block @theyellobutton</Text>
              <Text style={styles.headertext}>Report @theyellobutton</Text>
            </View>
            <View>
              <TouchableOpacity onPress={() => this.setState({ block: true })}>
                <Icon
                  name={'arrowright'}
                  type="antdesign"
                  color={'#FFF'}
                  size={35}
                  containerStyle={[styles.forward, { marginTop: 8 }]}
                />
              </TouchableOpacity>
              <View />
              <TouchableOpacity
                onPress={() => {
                  this.getReportListApi(), this.setState({ report: true });
                }}
              >
                <Icon
                  name={'arrowright'}
                  type="antdesign"
                  color={'#FFF'}
                  size={35}
                  containerStyle={[styles.forward, { marginTop: 10 }]}
                />
              </TouchableOpacity>
            </View>
          </View>
        </View>
        <View style={styles.center}>
          <TouchableOpacity
            style={styles.deleteConversation}
            onPress={() => {
              this.setState({ delete: true });
            }}
          >
            <Text style={styles.deleteTxt}>Delete Conversation</Text>
          </TouchableOpacity>
        </View>
                 <Miniplayer
         songId={this.context?.playSongData?.songId}
         playerIcon={this.state.platform === 'apple' ? Apptheme.getapplemusic() : Apptheme.getspotifyhomeicon()}
         SongImage={this.context?.playSongData?.songImageUrl}
         songName={this.context?.playSongData?.songName}
         artistName={this.context?.playSongData?.artistName}
         playerimg={this.context?.playSongData?.playerimage}
         heart={this.state.platform}
         pausePlay={whiteminiplayerforward}
         next={this.context.isplay ? playbutton : whiteminipause}
         sliderValue={this.state.sliderValue}
         onpressPlayPause={this.playPauseSong}
         type={this.context?.playSongData?.type}
         RadioName={this.context?.playSongData?.RadioName}
       />
        <CustomBottomBar
            showCreatepost={false}
            selectedTab={'Feed'}
            onCreatePost={(value) => {
              this.setState({ showCreatepost: value });
            }}
            navigation={this.props.navigation}
            onRefresh={() =>
              this.props.navigation.navigate('FeedBlock', { index: 1 })
            }
          />

      </View>