picker下載 - picker器源代碼下載

picker

其他源碼

v2.10.2

下載

`@react-native-picker/picker`

安卓	ios	皮卡

視窗	macos

支持版本

@react-native-picker/picker	反應本	反應新的窗口
> = 2.0.0	0.61+	0.64+
> = 1.16.0	0.61+	0.61+
> = 1.2.0	0.60+或0.59+ jetifier	N/A。
> = 1.0.0	0.57	N/A。

入門

$ npm install @react-native-picker/picker --save

或者

$ yarn add @react-native-picker/picker

對於React Native V0.60及以上（自動鏈接）

由於[email protected]及更高版本支持自動鏈接，因此無需運行鏈接過程。在此處閱讀有關自動鏈接的更多信息。這得到了[email protected]及以上的支持。

ios

iOS上的可可錄需要此額外的步驟：

 npx pod-install

安卓

無需其他步驟。

Windows（擴展以獲取詳細信息）

視窗

在沒有自動鏈接的情況下使用Windows的使用需要以下額外的步驟：

將`ReactNativePicker`項目添加到您的解決方案中。

在Visual Studio 2019中打開解決方案
解決方案資源管理器中的右鍵單擊解決方案圖標> add>現有項目選擇D:devRNTestnode_modules@react-native-pickerpickerwindowsReactNativePickerReactNativePicker.vcxproj

Windows/MyApp.sln

將ReactNativePicker的引用添加到您的主要申請項目中。來自Visual Studio 2019：

右鍵單擊主應用程序>添加>參考...檢查解決方案項目中的ReactNativePicker 。

app.cpp

將#include "winrt/ReactNativePicker.h"添加到文件頂部包含的標題中。

添加PackageProviders().Append(winrt::ReactNativePicker::ReactPackageProvider());在InitializeComponent(); 。

macos

MacOS上的可可錄需要此額外的步驟（從MACOS目錄調用）

 pod install

反應本機以下低於0.60（鏈接和手動安裝）

僅當您使用一個版本的React本地版本低於0.60時，才需要以下步驟

主要是自動安裝

$ react-native link @react-native-picker/picker

手動安裝

ios

在Xcode中，在項目導航器中，右鍵單擊Libraries ➜ Add Files to [your project's name]
轉到node_modules @ @react-native-picker/picker ，然後添加RNCPicker.xcodeproj
在Xcode中，在項目導航器中，選擇您的項目。將libRNCPicker.a添加到您項目的Build Phases ➜ Link Binary With Libraries
運行您的項目（ Cmd+R ）<

安卓

打開應用程序文件（ android/app/src/main/java/[...]/MainApplication.java ）

添加import com.reactnativecommunity.picker.RNCPickerPackage;到文件頂部的導入
將new RNCPickerPackage()添加到getPackages()方法返回的列表

將以下行附加到android/settings.gradle ：

 include ':@react-native-picker_picker'
project(':@react-native-picker_picker').projectDir = new File(rootProject.projectDir, 	'../node_modules/@react-native-picker/picker/android')

在android/app/build.gradle中插入依賴項塊中的以下行：

  implementation project(path: ':@react-native-picker_picker')

macos

在Xcode中，在項目導航器中，右鍵單擊Libraries ➜ Add Files to [your project's name]
轉到node_modules @ @react-native-picker/picker ，然後添加RNCPicker.xcodeproj
在Xcode中，在項目導航器中，選擇您的項目。將libRNCPicker.a添加到您項目的Build Phases ➜ Link Binary With Libraries
運行您的項目（ Cmd+R ）<

RTL支持

您需要添加android:supportsRtl="true"到AndroidManifest.xml

   < application
      ...
      android : supportsRtl = " true " >

用法

來自@react-native-picker/picker的進口選擇器：

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

創建將由Picker使用的狀態：

 const [ selectedLanguage , setSelectedLanguage ] = useState ( ) ;

添加這樣的Picker ：

 < Picker
  selectedValue = { selectedLanguage }
  onValueChange = { ( itemValue , itemIndex ) =>
    setSelectedLanguage ( itemValue )
  } >
  < Picker . Item label = "Java" value = "java" />
  < Picker . Item label = "JavaScript" value = "js" />
</ Picker >

如果要在Android上編程打開/關閉選擇器（可從1.16.0+版本獲得），請通過Ref到Picker ：

 const pickerRef = useRef ( ) ;

function open ( ) {
  pickerRef . current . focus ( ) ;
}

function close ( ) {
  pickerRef . current . blur ( ) ;
}

return < Picker
  ref = { pickerRef }
  selectedValue = { selectedLanguage }
  onValueChange = { ( itemValue , itemIndex ) =>
    setSelectedLanguage ( itemValue )
  } >
  < Picker . Item label = "Java" value = "java" />
  < Picker . Item label = "JavaScript" value = "js" />
</ Picker >

道具

繼承的View道具...

onValueChange
selectedValue
style
testID
enabled
mode
prompt
itemStyle
selectionColor

參考

道具

`onValueChange`

選擇項目何時回調。以下參數稱為：

itemValue ：選擇的項目的value道具
itemPosition ：此選擇器中選定項目的索引

類型	必需的
功能	不

`selectedValue`

其中一個項目的值匹配值。可以是字符串或整數。

類型	必需的
任何	不

`style`

類型	必需的
pickerstyletype	不

`testID`

用於在端到端測試中找到此視圖。

類型	必需的
細繩	不

`enabled`

如果設置為false，則將禁用選擇器，即用戶將無法進行選擇。

類型	必需的	平台
布爾	不	Android，Web，Windows

`mode`

在Android上，指定了當用戶在選擇器上的用戶點擊時如何顯示選擇項目：

“對話框”：顯示模態對話框。這是默認值。
“下拉”：顯示錨定在拾取器視圖的下拉菜單

類型	必需的	平台
枚舉（“對話”，“下拉”）	不	安卓

`dropdownIconColor`

在Android上，指定下拉三角形的顏色。輸入值應為反應本機processColor函數所接受的值。

類型	必需的	平台
色價	不	安卓

`dropdownIconRippleColor`

在Android上，指定下拉三角形的連鎖顏色。輸入值應為反應本機processColor函數所接受的值。

類型	必需的	平台
色價	不	安卓

`prompt`

此選擇器的提示字符串，以對話模式在Android上使用，作為對話框的標題。

類型	必需的	平台
細繩	不	安卓

`itemStyle`

適用於每個項目標籤的樣式。

類型	必需的	平台
文字樣式	不	iOS，Windows

`numberOfLines`

在計算文本佈局後，在Android＆iOS上，用來用省略號截斷文本，包括線條包裝，以致行總數不超過此數字。默認為“ 1”

類型	必需的	平台
數字	不	Android，iOS

`onBlur`

類型	必需的	平台
功能	不	安卓

`onFocus`

類型	必需的	平台
功能	不	安卓

`selectionColor`

類型	必需的	平台
色價	不	ios

方法

`blur` （僅Android，LIB版本1.16.0+）

編程方式關閉選擇器

`focus` （僅Android，LIB版本1.16.0+）

編程開放的選擇器

Pickeritemprops

可以應用於單個Picker.Item道具

`label`

在選擇器項目上顯示價值

類型	必需的
細繩	是的

`value`

選擇器項目的實際價值

類型	必需的
數字，字符串	是的

`color`

在選擇器項目上顯示顏色

類型	必需的
色價	不

`fontFamily`

在選擇器物品上顯示fontfamily

類型	必需的
細繩	不

`style`

適用於單個項目標籤的樣式。

類型	必需的	平台
ViewStyleProp	不	安卓

`enabled`

如果設置為false，則將禁用特定項目，即用戶將無法進行選擇

@default：true

類型	必需的	平台
布爾	不	安卓

`contentDescription`

將內容描述設置為Picker項目

類型	必需的	平台
細繩	不	安卓

皮卡

道具

繼承的View道具...
itemStyle
onValueChange
selectedValue
selectionColor
themeVariant

參考

道具

`itemStyle`

類型	必需的
文字樣式	不

`onValueChange`

類型	必需的
功能	不

`selectedValue`

類型	必需的
任何	不

`selectionColor`

類型	必需的	平台
色價	不	ios

`themeVariant`

類型	必需的
枚舉（“光”，“黑暗”）	不

展開

附加信息

版本 v2.10.2
類型其他源碼
更新時間 2025-05-09
大小 2.36MB
來自於 Github

相關應用

Meal Picker+軟體正版

2024-08-08

爲您推薦

chat.petals.dev

其他源碼

1.0.0
GPT Prompt Templates

其他源碼

1.0.0
GPTyped

其他源碼

GPTyped 1.0.5
Google Dorks

其他源碼

1.0
shepherd

其他源碼

v6.1.6-react-shepherd: Prepare Release (#3063)
mongo express

其他源碼

v1.1.0-rc-3
Google Dorks

其他源碼

1.0
shepherd

其他源碼

v6.1.6-react-shepherd: Prepare Release (#3063)
mongo express

其他源碼

v1.1.0-rc-3

相關資訊全部

picker

@react-native-picker/picker

支持版本

入門

對於React Native V0.60及以上（自動鏈接）

ios

安卓

視窗

將ReactNativePicker項目添加到您的解決方案中。

Windows/MyApp.sln

app.cpp

macos

主要是自動安裝

手動安裝

ios

安卓

macos

RTL支持

用法

道具

參考

道具

onValueChange

selectedValue

style

testID

enabled

mode

dropdownIconColor

dropdownIconRippleColor

prompt

itemStyle

numberOfLines

onBlur

onFocus

selectionColor

方法

blur （僅Android，LIB版本1.16.0+）

focus （僅Android，LIB版本1.16.0+）

Pickeritemprops

label

value

color

fontFamily

style

enabled

contentDescription

皮卡

道具

參考

道具

itemStyle

onValueChange

selectedValue

selectionColor

themeVariant

`@react-native-picker/picker`

將`ReactNativePicker`項目添加到您的解決方案中。

`onValueChange`

`selectedValue`

`style`

`testID`

`enabled`

`mode`

`dropdownIconColor`

`dropdownIconRippleColor`

`prompt`

`itemStyle`

`numberOfLines`

`onBlur`

`onFocus`

`selectionColor`

`blur` （僅Android，LIB版本1.16.0+）

`focus` （僅Android，LIB版本1.16.0+）

`label`

`value`

`color`

`fontFamily`

`style`

`enabled`

`contentDescription`

`itemStyle`

`onValueChange`

`selectedValue`

`selectionColor`

`themeVariant`