react-native 进度条实现

import React, { Component } from 'react';
import {StyleSheet, Text, View, ScrollView, Image, TextInput, TouchableOpacity, StatusBar, Modal} from 'react-native';
import Nav from "../components/Nav";

export default class lianxi1 extends Component {
    constructor(props) {
        super(props);
        this.state = {
          
        }
    }
    componentWillMount() {

    }
    render() {
        const { goBack } = this.props.navigation;
        return (
            <View style={styles.container}>
                {/* 地址弹框 */}
                <Nav title={"1111"} leftClick={() => { goBack() }} />
                {/*进度条实现*/}
                <View style={[styles.pre]}>
                    <View style={[styles.preOisn, { width: Px2dp(213) * (80 / 100) }]}></View>