ဖြေရှင်းထားသည်- ဒေါင်လိုက်ညှိစင်တာသည် မူလမြင်ကွင်းကို တုံ့ပြန်သည်။

ဒေါင်လိုက်ချိန်ညှိမှုဗဟိုချက်နှင့်သက်ဆိုင်သည့် အဓိကပြဿနာမှာ ဇာတိမြင်ကွင်းကို တုံ့ပြန်သည်မှာ ၎င်းသည် လှိမ့်ခြင်းပြဿနာများကို ဖြစ်စေနိုင်သောကြောင့်ဖြစ်သည်။ အသုံးပြုသူတစ်ဦးသည် စာမျက်နှာတစ်ခုကို အောက်သို့ရွှေ့သည့်အခါ၊ မျက်နှာပြင်၏အလယ်ရှိ အကြောင်းအရာသည် ၎င်းတို့နှင့်အတူ အောက်သို့ရွေ့သွားမည်ဖြစ်ပြီး၊ သို့သော် စခရင်၏ဘေးနှစ်ဖက်ရှိ အကြောင်းအရာများသည် တည်ငြိမ်နေမည်ဖြစ်သည်။ အသုံးပြုသူများသည် သင့်အကြောင်းအရာအားလုံးကို တစ်ပြိုင်နက် မြင်နိုင်စေလိုပါက ၎င်းသည် ပြဿနာရှိနိုင်သည်။

There is no built-in way to vertically align a view in React Native. However, you can use the style property "transform" with the value "translateY(50%)" to vertically center a view.

React Native တွင် မြင်ကွင်းတစ်ခုကို ဒေါင်လိုက်ညှိရန် built-in နည်းလမ်းမရှိပါ။ သို့သော်၊ သင်သည် အမြင်တစ်ခုကို ဒေါင်လိုက်ဗဟိုပြုရန် တန်ဖိုး "translateY(50%)" ဖြင့် "အသွင်ပြောင်း" ကို အသုံးပြုနိုင်ပါသည်။

တုံ့ပြန်မှု ဇာတိ (Nativebase ကိုသုံး၍) စာသားဒေါင်လိုက် ညှိခြင်း

စာသားရှိ ဒေါင်လိုက် ညှိခြင်းကို TextAlign ပိုင်ဆိုင်မှုမှ ထိန်းချုပ်ထားသည်။ ဖြစ်နိုင်သည့်တန်ဖိုး သုံးခုရှိသည်။

လက်ဝဲဘက်

အလယ်ဗဟို

မှန်သော

Nested စာသား

React Native တွင်၊ nested text သည် အခြားစာသားအကွက်များပါ၀င်နိုင်သော စာသားအကွက်တစ်ခုကို ဖန်တီးနိုင်စေမည့် အင်္ဂါရပ်တစ်ခုဖြစ်သည်။ အကွက်များစွာပါသော ဖောင်တစ်ခုကို ဖန်တီးလိုပြီး အကွက်များကို စနစ်တကျ ထိန်းသိမ်းထားလိုပါက ၎င်းသည် အသုံးဝင်သည်။

သင်၏ React Native အက်ပ်တွင် ထည့်သွင်းထားသော စာသားကို အသုံးပြုရန်၊ ဦးစွာ TextField အစိတ်အပိုင်းအသစ်ကို ဖန်တီးပါ။ ထို့နောက် constructor တွင် အောက်ပါကုဒ်ကို ထည့်ပါ။

this.state = { };

၎င်းသည် စာလုံးအကွက်အလွတ်တစ်ခုပါရှိစေရန် ၎င်းသည် စာသားအကွက်၏အခြေအနေကို အစပြုမည်ဖြစ်သည်။ ထို့နောက် onChange handler သို့ အောက်ပါကုဒ်ကို ထည့်ပါ။

this.setState({text: this.state.text});

၎င်းသည် စာသားအကွက်၏ အခြေအနေကို ၎င်းတွင် လက်ရှိရှိနေသည့် မည်သည့်တန်ဖိုးဖြင့် အပ်ဒိတ်လုပ်မည်နည်း။ နောက်ဆုံးတွင်၊ သင့်မူရင်းတစ်ခုအောက်ရှိ TextField အစိတ်အပိုင်းအသစ်တစ်ခုကို ပေါင်းထည့်ကာ ၎င်းကို ကလေးအကွက်အဖြစ် အသုံးပြုသင့်ကြောင်း သတ်မှတ်ပါ-