@ant-design/react-native 的 Picker组件报错

Question

依赖

    "@ant-design/react-native": "^3.0.4",
    "react": "16.6.3",
    "react-native": "0.57.8",
    "react-native-gesture-handler": "^1.0.12",
    "react-navigation": "^1.0.0-beta.11"

import React, { Component } from 'react';
import {Text,View} from 'react-native';
import { List, InputItem, ImagePicker, Icon, Button, Picker} from '@ant-design/react-native'
const Item = List.Item
const data = [
    {
        value: '部件',
        label: '部件',
        children: [
            {
                value: '市容环境',
                label: '市容环境',
                children: [
                    {
                        value: '暴露垃圾',
                        label: '暴露垃圾'
                    },
                    {
                        value: '积存垃圾渣土',
                        label: '积存垃圾渣土'
                    },
                    {
                        value: '河道不洁（含沟渠、湖面）',
                        label: '河道不洁（含沟渠、湖面）'
                    }
                ]
            }
        ]
    },
    {
        value: '事件',
        label: '事件',
        children: [
            {
                value: '宣传广告',
                label: '宣传广告',
                children: [
                    {
                        value: '暴露垃圾',
                        label: '暴露垃圾'
                    },
                    {
                        value: '积存垃圾渣土',
                        label: '积存垃圾渣土'
                    },
                    {
                        value: '河道不洁（含沟渠、湖面）',
                        label: '河道不洁（含沟渠、湖面）'
                    }
                ]
            }
        ]
    }
];
class Reprot extends Component {
    constructor(props){
        super(props)
        this.state = {
            value:[],
            files :[],
            data:[],
            defaultValue_depart:[]
        }
    }
    imagesChange = () => {

    }
    onChange = (value) => {
        this.setState({
            value: value
        });
    }
    onPress = () => {
        this.setState({
            data: data,
        })
    }
    render(){
        return (
            <View>
            <Picker
                cols={3}
                data={data}
                value={this.state.value}
                onChange={this.onChange}
                    onOk={this.onChange}
            >
                    <List.Item arrow="horizontal">类型</List.Item>
            </Picker>
            <InputItem
                clear
                placeholder="事件现场描述"
            >
            详情：
          </InputItem>
            <InputItem
                clear
                placeholder="事件发生地址"
                extra={<Icon color="#3b91f7" name="environment" />}
            >
            地址：
          </InputItem>
          <Item>
            <Text>现场图片</Text>
            <ImagePicker 
                files={this.state.files}
                onChange={this.imagesChange} />
          </Item>
            <Item>
                <Text>参考地标</Text>
                <ImagePicker
                    files={this.state.files}
                    onChange={this.imagesChange} />
            </Item>
          <Item>
                <Button type="ghost">提交&上报</Button>
          </Item>
            </View>)
    }
}
export default Reprot

Unhandled JS Exception: Error: Looks like you forgot to wrap your root component with Provider component from @ant-design/react-native

请问如何处理!### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

都说了Provder组件了。。。诶。我傻

Answer 2

楼主怎么解决的呢？

Answer 3

      <Provider>
        <Modal
            popup
            visible={visible2}
            animationType="slide-up"
        >

用Provider包裹一下下面的组件就不会报错了。