آفلاین
user-avatar

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

3 سال پیش
توسط محمد آپدیت شد
آفلاین
user-avatar
محمد ( 14968 تجربه )
3 سال پیش

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

بهترین پاسخ انتخاب شده توسط محمد
آفلاین
user-avatar
محمد
3 سال پیش

مشکل رو فهمیدم! به دلیل اینکه مقدار از نوع 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>
آنلاین
user-avatar
حسام موسوی ( 404076 تجربه )
3 سال پیش
تخصص : طراح و برنامه نویس

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

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

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

آفلاین
user-avatar
محمد ( 14968 تجربه )
3 سال پیش

سلام مشکلم اونجایی هست که مقدار 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>
آفلاین
user-avatar
محمد ( 14968 تجربه )
3 سال پیش

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