export type EditOrderScreenState = {
comment: string;
isEditing: number;
address: string;
dataChanged: boolean;
}
export default class EditOrderScreen extends Component<EditOrderScreenProps, EditOrderScreenState> {
order: OfficeRequest;
state: EditOrderScreenState = {
comment: "",
isEditing: 0,
address: "Address",
dataChanged: false,
}
...
<TouchableOpacity style={listStyles.listItem}
onPress={() => this.setState({dataChanged: false, isEditing: 1})}>
<Text>Адрес: </Text>
{this.state.isEditing === 1 ?
<TextInput
value={this.state.address}
onChangeText={(value) => {
this.setState({address: value})
}}
autoFocus
onBlur={() => {
this.setState({dataChanged: true, isEditing: 0})
}}
/> :
<Text onPress={() => this.setState({
dataChanged: false,
isEditing: 1
})}>{this.state.address}</Text>
}
</TouchableOpacity>Вызов из другого окна:
\<View style={{width: '100%', paddingHorizontal: 16, paddingVertical: 16, paddingTop: 50}}> <AppButton onPress={() => {
console.log("Edit PVZ");
this.props.navigation.navigate('EditOrder', {order: this.order});
}} title={'Редактировать'} size={'full'} type={'primary'}/>
</View>