ابزار طراحی ui

[Shoj132003]

سلام ابزاری وجود داره که بشه Ui برنامه رو با آن سریع طراحی کرد بدون کدنویسی و استفاده از flexbox, StyleSheet و …

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

سلام میتونید از ابزار زیر استفاده کنید
https://builderx.io

[Shoj132003]

ممنونم. ببخشید یه سوال دیگه: من می خوام یه تایمر تو برنامه ام بزارم. از react-native-countdown-component استفاده کردم و کدم اینه:

JavaScript

<CountDown timeToShow={[&#039;M&#039;, &#039;S&#039;]} timeLabels={{ m: &#039;&#039;, s: &#039;&#039; }} digitStyle={{ backgroundColor: &#039;transparent&#039; }} showSeparator={true} until={this.state.until} size={moderateScale(20)} />

1 2 3 4 5 6 7 8 9

<CountDown                    timeToShow={[&#039;M&#039;, &#039;S&#039;]}                  timeLabels={{ m: &#039;&#039;, s: &#039;&#039; }}                  digitStyle={{ backgroundColor: &#039;transparent&#039; }}                   showSeparator={true}                  until={this.state.until}                   size={moderateScale(20)}                />

اما نمی دونم چرا تو خروجی اول ثانیه رو نشون میده بعد دقیقه!!!(از چپ به راست). در صورتی که باید برعکس باشه. هیچ Style خاصی هم ندارم.

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

صفحه گیت هاب کتابخونه رو بررسی کنید
https://github.com/talalmajali/react-native-countdown-component
در این صفحه کد زیر به درستی کار میکنه

JavaScript

import CountDown from &#039;react-native-countdown-component&#039;; render() { return ( <CountDown until={10} onFinish={() => alert(&#039;finished&#039;)} onPress={() => alert(&#039;hello&#039;)} size={20} /> ) }

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

import CountDown from &#039;react-native-countdown-component&#039;;   render() {     return (       <CountDown         until={10}         onFinish={() => alert(&#039;finished&#039;)}         onPress={() => alert(&#039;hello&#039;)}         size={20}       />     ) }

[mojediyan1]

چجوری باید طرح های https://builderx.io رو اجرا کرد
من طراحی کردم ولی باید با expo اجرا بشه که خطا میده !

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

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

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

زمانی که در پنل BUILDERX بر روی گزینه download component کلیک میکنید به شما یک هشدار میده که باید فلان کتابخونه ها رو نصب کنید مانند عکس زیر

[نویسنده]

نوشته‌ها