OrderDetails.js

import React from "react";
import { Platform, StyleSheet, Text, View,TextInput,TouchableOpacity,Button} from "react-native";
import { TouchableHighlight } from "react-native-gesture-handler";

export  class OrderDetails extends React.Component {
static navigationOption={
    header:null
}
constructor() {
  super();
  this.state = {sampleText:'Accept'};
this.state = {buttonDisable:false};
}
 AcceptedButton=()=>{
this.setState({ sampleText:'Accepted',})
 
//buttonDisable:!this.state.buttonDisable,


 }

   
    render() {
      return (
        <View style={styles.container}>
        
        <Text style={{color:"blue", fontSize:20,textAlign:'left'}}>Order details {"\n"}</Text>
        <Text style={{color:"blue", fontSize:20,textAlign:'left'}}>Order Number:{"\n"}</Text>
        <Text style={{color:"blue", fontSize:20 ,textAlign:'left'}}>customer name{"\n"}</Text>
        <Text style={{color:"blue", fontSize:20,textAlign:'left' }}>Items:{"\n"}</Text>
        <Text style={{color:"blue", fontSize:20,textAlign:'left'}}>location{"\n"}</Text>

       
       <TouchableOpacity style={styles.button} disable={false} onPress={()=>this.AcceptedButton}><Text style={styles.txt}>{this.state.sampleText}></Text></TouchableOpacity>
       <TouchableOpacity style={styles.button} onPress={()=>this.props.navigation.navigate('DisplayOrders')}><Text style={styles.txt}>Accept</Text></TouchableOpacity>
        
        <TouchableOpacity style={styles.tab}><Text style={styles.txt} >Add Notes</Text></TouchableOpacity>
      </View>
      );
    }
  }

  const styles = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: '#F5FCFF',
    },
    tab:{
      backgroundColor:"#123894",
      width:'100%',
      height:50,
      marginTop:210,
     


    },
    button:{
      margin:6,
      width:'30%',
      height:40,
      backgroundColor:"#35D073",
    textAlign:'center',
    elevation:3,

    },
    txt:{
      color:'#ffffff',
      alignItems:'center',
      justifyContent:'center',
      textAlign:"center",
      marginTop:10,
    
    }, 


    welcome: {
      fontSize: 20,
      textAlign: 'center',
      margin: 10,
    },
    instructions: {
      textAlign: 'center',
      color: '#333333',
      marginBottom: 5,
    },
  });