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

- 1 سال پیش
توسط محمد آپدیت شد
محمد ( 182 تجربه )
1 سال پیش

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

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

مشکل رو فهمیدم! به دلیل اینکه مقدار از نوع 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>
حسام موسوی ( 98084 تجربه )
1 سال پیش

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

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

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

محمد ( 182 تجربه )
1 سال پیش

سلام مشکلم اونجایی هست که مقدار 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>
محمد ( 182 تجربه )
1 سال پیش

مشکل رو فهمیدم! به دلیل اینکه مقدار از نوع 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>
برای ارسال پاسخ باید وارد سایت شوید