React Native ရှိ ပုံတစ်ပုံ၏ အလယ်ဗဟိုကို ချိန်ညှိခြင်း၏ အဓိကပြဿနာမှာ ချိန်ညှိမှုကို မှန်ကန်စွာရရှိရန် ခက်ခဲနိုင်သည်။ ထိုသို့ပြုလုပ်ရန် မတူညီသောနည်းလမ်းအနည်းငယ်ရှိသော်လည်း တစ်ခုစီတွင် ၎င်း၏ကိုယ်ပိုင်အပေးအယူအစုများရှိသည်။
In React Native, to align an image in the center of a container, you can use the <Image> component with the style property: style={{ alignItems: 'center' }} If you want to center an image within a text block, you can use the <Text> component with the style property: style={{ textAlign: 'center' }}
ရုပ်ပုံစတိုင် Props
Image Style Props သည် React Native ရှိ ပုံများ၏ အသွင်အပြင်နှင့် ခံစားမှုကို စိတ်ကြိုက်ပြင်ဆင်ရန် နည်းလမ်းတစ်ခုဖြစ်သည်။ ၎င်းတို့သည် သင့်အား နောက်ခံအရောင်၊ ဘောင်အချင်းဝက်နှင့် ပုံတစ်ပုံ၏ အခြားဂုဏ်သတ္တိများကို ပြောင်းလဲနိုင်စေပါသည်။
သင်၏ React Native အက်ပ်၏ အစိတ်အပိုင်းများ သို့မဟုတ် နိုင်ငံမဲ့လုပ်ဆောင်ချက်များတွင် ရုပ်ပုံစတိုင် ပံ့ပိုးမှုကို သင်အသုံးပြုနိုင်ပါသည်။ ၎င်းတို့ကို သင်၏ AppContainer သို့မဟုတ် RootComponent တွင်လည်း အသုံးပြုနိုင်သည်။
စတင်ရန်၊ style.js ဟုခေါ်သော ဖိုင်အသစ်တစ်ခုကို ဖန်တီးပြီး အောက်ပါကုဒ်ကို ထည့်ပါ။
'react-native' မှ { ImageStyle } ကို တင်သွင်းပါ။ ပုံသေ ImageStyle.create({ backgroundColor: '#f5f5f5'၊ borderRadius: 5, });
နောက်ခံအရောင် ပိုင်ဆိုင်မှုသည် ပုံ၏နောက်ခံအရောင်ကို သတ်မှတ်ပေးသည်။ borderRadius ပိုင်ဆိုင်မှုသည် ပုံတစ်ဝိုက်ရှိ နယ်နိမိတ်၏ အချင်းဝက်ကို သတ်မှတ်ပေးသည်။
ပုံကို resizeMode ဖြင့် ဒေါင်လိုက်ချိန်ညှိနည်း
React Native ရှိ ပုံတစ်ပုံတစ်ပုံကို အရွယ်အစားမုဒ်တစ်ခုနှင့် ဒေါင်လိုက်ချိန်ညှိရန် အကောင်းဆုံးနည်းလမ်းမှာ အခြေအနေပေါ်မူတည်၍ ကွဲပြားမည်ဖြစ်သောကြောင့် ဤမေးခွန်းအတွက် အရွယ်အစား-ကိုက်ညီ-အားလုံးအတွက် အဖြေမရှိပါ။ သို့ရာတွင်၊ ၎င်းကို ထိထိရောက်ရောက်ပြုလုပ်နိုင်ပုံဆိုင်ရာ အကြံပြုချက်အချို့တွင် alignment ကိုထိန်းချုပ်ရန် props သို့မဟုတ် state variables များကိုအသုံးပြုခြင်းနှင့် အပြင်အဆင်အတွက် flexbox container ကိုအသုံးပြုခြင်းတို့ပါဝင်နိုင်သည်။
ResizeMode ဆိုတာဘာလဲ
ResizeMode သည် React Native ရှိ ပိုင်ဆိုင်မှုတစ်ခုဖြစ်ပြီး ၎င်းကို အရွယ်အစားပြောင်းသည့်အခါ အက်ပ်၏ ပြုမူပုံကို ထိန်းချုပ်ရန် ခွင့်ပြုသည်။ ၎င်းတွင် အက်ပ်သည် ၎င်း၏ အပြင်အဆင်ကို ထိန်းသိမ်းထားမည်လား သို့မဟုတ် ၎င်းကို အစမှ ပြန်လည်ဖန်တီးမည်ဆိုသည်ကဲ့သို့သော အရာများ ပါဝင်သည်။