import React, {Component} from 'react';
import {Text, View} from 'react-native';
import {Button, Slider} from "@ant-design/react-native";
import SyncStorage from "sync-storage";
import ReadUHF from "../../utils/ReadUHF";

class setPower extends Component {
    constructor(props) {
        super(props);
        this.state = {
            power: 30,
        };
    }

    componentDidMount() {
        const power = SyncStorage.get('power');
        this.setState({power: power})
    }

    _savePower = () => {
        SyncStorage.set('power', this.state.power);
        ReadUHF.setPower(parseInt(this.state.power))
        this.props.navigation.goBack();
    }

    render() {
        return (
            <View style={{margin: 10}}>
                <Text>当前功率：{this.state.power}</Text>
                <Slider
                    value={this.state.power}
                    onChange={(value) => {
                        this.setState({power: parseInt(value)})
                    }}
                    min={5}
                    max={30}/>
                <Button onPress={() => this._savePower()}
                        type="primary"
                        style={{
                            marginTop: 20,
                            backgroundColor: '#0099FF',
                            borderWidth: 0,
                        }}
                >
                    <Text style={{color: '#fff'}}>
                        保存
                    </Text>
                </Button>
            </View>
        )
    }
}

export default setPower