textinput متریال دیزاین

[sardarmz]

سلام دوستان من بخوام از textinput متریال دیزاین شبیه لینکی که میذارم ازکدام کتابخونه استفاده کنم سه چهارتا نصب کردم یا اجرا نیشد تایپ کرد یا label فارسی بهش میدادم نشون نمیداد اگه هم کسی بلده با https://github.com/xotahal/react-native-material-ui/blob/master/docs/Usage.md این کار کنه اموزش بده

textinput رو شبیه دمو این میخوام https://github.com/n4kz/react-native-material-textfield

[مهدی حسن زاده]

سلام میتونی از مقاله زیر استفاده کنی
https://reactnativeexample.com/a-react-native-textinput-with-material-style/

[sardarmz]

ممنونم ولی این لینک رو استفاده کردم کار نکرد تو native base پیدا کردم که به item floating label بدیم درست میشه ولی الان میخوام موقعی که focus شد label با underline تغییر رنگ بدن چطوری میشه با native base اینکارو کرد؟؟

[sardarmz]

یه سوال دیگه هم اینکه اسم Iconهای native base کجا میتونم ببینم چون مثلا home میزنم میاد ولی arrow-back میزنم ایکونش نمیاد جایی هست تمام اسم ها با ایکون هاش بتونم ببینم؟؟

[مهدی]

میتونی از لینک زیر کلیه آیکون ها رو ببینی
https://oblador.github.io/react-native-vector-icons/
هر آیکون یک type داره و وقتی از یک آیکون استفاده میکنی باید Type اون رو به عنوان یک prop قرار بدی.مثلا type آیکون arrow-back هست MaterialIcons

[sardarmz]

اقا مهدی ممنون میشم این textinput رو بهم یاد بدید هزینشو هم حاظرم بدم تا فردا باید انجامش بدم پروژه دست بنده هست

textinput رو شبیه دمو این میخوام https://github.com/n4kz/react-native-material-textfield

[sardarmz]

با این تیکه کد مشکل من حل شد

JavaScript

<Item floatingLabel style={[styles.content_item_Fname, {borderColor: this.state.color_F_name}]}> <Label style={{color: this.state.color_F_name}}>نام</Label> <Input onFocus={() => { this.setState({color_F_name: &#039;#662d91&#039;}) }} onEndEditing={() => this.setState({color_F_name:&#039;#c0c0c0&#039;})} onChangeText={(text) => this.setState({F_name: text})} /> </Item>

1 2 3 4 5 6 7 8 9 10 11 12

<Item floatingLabel style={[styles.content_item_Fname, {borderColor: this.state.color_F_name}]}>                             <Label style={{color: this.state.color_F_name}}>نام</Label>                             <Input                                   onFocus={() => {                                     this.setState({color_F_name: &#039;#662d91&#039;})                                 }}                                 onEndEditing={() => this.setState({color_F_name:&#039;#c0c0c0&#039;})}                                 onChangeText={(text) => this.setState({F_name: text})}                               />                         </Item>

[نویسنده]

نوشته‌ها