description

پر کردن Picker از دیتابیس در React Native

- 6 ماه پیش
توسط محمد آپدیت شد
محمد ( 132 تجربه )
6 ماه پیش

سلام خدمت همه دوستان عزیز
از دوستان اگر کسی با Picker ها در React Native کار کرده ممنون میشم نحوه پر کردن Picker ها رو اینجا آموزش بده.

بهترین پاسخ انتخاب شده توسط محمد
محمد
6 ماه پیش

مشکل رو فهمیدم! به دلیل اینکه مقدار از نوع float بوده و از دیتابیس دریافت میشده باید برای select کردن مقدار رو به string تبدیل کنیم.

<Picker
    selectedValue={this.state.dbValue.toString()}
    onValueChange={(itemValue, itemIndex) => this.setState({dbValue: itemValue})}>
    <Picker.Item label="A" value="1.2" />
    <Picker.Item label="B" value="1.5" />
    <Picker.Item label="C" value="1.7" />
    <Picker.Item label="D" value="1.9" />
</Picker>
حسام موسوی ( 41763 تجربه )
6 ماه پیش

این موضوع که کاری نداره کجاش مشکل دارید
از این لینک میتونید درباره پیاده سازیش اطلاعات کسب کنید
https://facebook.github.io/react-native/docs/picker.html
و اینکه قسمت

  <Picker.Item label="Java" value="java" />

به سادگی با یه حلقه جاوااسکریپتی میشه با مقادیر دیگه جایگزین کردش

محمد ( 132 تجربه )
6 ماه پیش

سلام مشکلم اونجایی هست که مقدار dbValue که از دیتابیس گرفتم انتخاب نمیشه و فقط گزینه A نمایش داده میشه.

<Picker
    selectedValue={this.state.dbValue}
    onValueChange={(itemValue, itemIndex) => this.setState({dbValue: itemValue})}>
    <Picker.Item label="A" value="1.2" />
    <Picker.Item label="B" value="1.5" />
    <Picker.Item label="C" value="1.7" />
    <Picker.Item label="D" value="1.9" />
</Picker>
محمد ( 132 تجربه )
6 ماه پیش

مشکل رو فهمیدم! به دلیل اینکه مقدار از نوع float بوده و از دیتابیس دریافت میشده باید برای select کردن مقدار رو به string تبدیل کنیم.

<Picker
    selectedValue={this.state.dbValue.toString()}
    onValueChange={(itemValue, itemIndex) => this.setState({dbValue: itemValue})}>
    <Picker.Item label="A" value="1.2" />
    <Picker.Item label="B" value="1.5" />
    <Picker.Item label="C" value="1.7" />
    <Picker.Item label="D" value="1.9" />
</Picker>
برای ارسال پاسخ باید وارد سایت شوید