عمر سالم2 نشر 23 مارس 2021 أرسل تقرير نشر 23 مارس 2021 function Login() { const [username, setUsername] = useState(''); const [password, setPassword] = useState(''); return ( <View> <TextInput placeholder="User Name" value={username} onChangeText={setUsername} /> <TextInput placeholder="User Password" value={password} onChangeText={setPassword} /> <Button style={{ backgroundColor: '#AEF', color: '#000', borderRadius: 6 }} title="Log In" onPress={() => authenticate({ username, password })} /> </View> ); }; اقتباس
1 عبدالباسط ابراهيم نشر 23 مارس 2021 أرسل تقرير نشر 23 مارس 2021 لا وجود لخاصية style لل button في ال react native ولكن هناك طريقة أخرى تمكنك من إضافة التنسيق لعنصر ال button وهي عن طريق ال touchableOpacity أو ال touchableHighlight كالتالي <TouchableOpacity style={{ backgroundColor: '#AEF', color: '#000', borderRadius: 6 }}> <Button title="Log In" onPress={() => authenticate({ username, password})}/> </TouchableOpacity> 1 اقتباس
0 Abdulhamid Hamsho2 نشر 23 مارس 2021 أرسل تقرير نشر 23 مارس 2021 مرحبًا عمر، إن التنسيقات الخاصة بالمكون Button في React Native محدودة جدً، ولايمكنك إضافة تنسيقات بالطريقة التي تستخدمها، فالتنسيقات الخاص بالزر يحددها نظام التشغيل الخاص بالهاتف المحمول IOS أو Android ويمكنك الإطلاع على خصائص الزر من التوثيق الرسمي من الرابط هنا. أما إذا كنت تحتاج إلى تنسيقات مختلفة فيمكنك استخدام العنصر TouchableOpacity أو أي عنصر من Touchable والتي توفر لك سهولة في إضافة التنسيقات بسهولة وأريحية من خلال استخدام أكواد الستيل. يمكنك الإطلاع على التوثيق الرسمي الخاص بالمكون TouchableOpacity من الرابط هنا. أتمنى لك التوفيق. 1 اقتباس
السؤال
عمر سالم2
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.