آموزش جاوااسکریپت › انجمن ها › react native › textinput متریال دیزاین
- این موضوع 6 پاسخ، 3 کاربر را دارد و آخرین بار در 4 سال، 4 ماه پیش بدست sardarmz بهروزرسانی شده است.
-
نویسندهنوشتهها
-
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 هست MaterialIconssardarmzمشارکت کنندهاقا مهدی ممنون میشم این textinput رو بهم یاد بدید هزینشو هم حاظرم بدم تا فردا باید انجامش بدم پروژه دست بنده هست
textinput رو شبیه دمو این میخوام https://github.com/n4kz/react-native-material-textfield
sardarmzمشارکت کنندهبا این تیکه کد مشکل من حل شد
JavaScript123456789101112<Item floatingLabel style={[styles.content_item_Fname, {borderColor: this.state.color_F_name}]}><Label style={{color: this.state.color_F_name}}>نام</Label><InputonFocus={() => {this.setState({color_F_name: '#662d91'})}}onEndEditing={() => this.setState({color_F_name:'#c0c0c0'})}onChangeText={(text) => this.setState({F_name: text})}/></Item> -
نویسندهنوشتهها