You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native 0.68.2版本:Picker被移除错误的解决方法咨询

React Native 0.68.2 解决 Picker 移除错误的方案

这个错误的核心原因是:Picker组件已从React Native核心库中移除,需使用独立维护的@react-native-picker/picker包替代。以下是具体解决步骤:

1. 安装依赖包

根据你使用的包管理器执行对应命令:

  • npm:npm install @react-native-picker/picker
  • yarn:yarn add @react-native-picker/picker

注:React Native 0.60+版本支持自动链接,无需额外执行react-native link命令。

2. 替换导入语句

将原有从react-native导入Picker的代码:

import { Picker } from 'react-native';

替换为从新包导入:

import { Picker } from '@react-native-picker/picker';

3. 组件使用示例

调整后的Picker组件使用方式和原组件一致,示例代码如下:

import { View } from 'react-native';
import { Picker } from '@react-native-picker/picker';

const CustomPicker = () => {
  return (
    <View>
      <Picker
        selectedValue="java"
        onValueChange={(itemValue) => {
          // 处理选中值变化的逻辑
        }}
      >
        <Picker.Item label="Java" value="java" />
        <Picker.Item label="JavaScript" value="js" />
        <Picker.Item label="Python" value="python" />
      </Picker>
    </View>
  );
};

export default CustomPicker;

内容的提问来源于stack exchange,提问作者user19565806

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.11 23:06:10