عمر سالم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> ); }; اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
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 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Abdulhamid Hamsho2 نشر 23 مارس 2021 أرسل تقرير مشاركة نشر 23 مارس 2021 مرحبًا عمر، إن التنسيقات الخاصة بالمكون Button في React Native محدودة جدً، ولايمكنك إضافة تنسيقات بالطريقة التي تستخدمها، فالتنسيقات الخاص بالزر يحددها نظام التشغيل الخاص بالهاتف المحمول IOS أو Android ويمكنك الإطلاع على خصائص الزر من التوثيق الرسمي من الرابط هنا. أما إذا كنت تحتاج إلى تنسيقات مختلفة فيمكنك استخدام العنصر TouchableOpacity أو أي عنصر من Touchable والتي توفر لك سهولة في إضافة التنسيقات بسهولة وأريحية من خلال استخدام أكواد الستيل. يمكنك الإطلاع على التوثيق الرسمي الخاص بالمكون TouchableOpacity من الرابط هنا. أتمنى لك التوفيق. 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
عمر سالم2
رابط هذا التعليق
شارك على الشبكات الإجتماعية
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.