هل يمكن أن تكتب لي مثالاً على استخدام الحالة في React Native؟
system
هل يمكن أن تكتب لي مثالاً على استخدام الحالة في React Native؟
user
فيما يلي مثال لاستخدام الحالة في React Native من خلال استخدام الخطاف useState. يحمل أحد useState اسمًا فقط بينما يحمل الآخر عمرًا واسمًا. كلاهما يتغير بضغطة زر.

استيراد React، { useState } من 'react'؛
استيراد {StyleSheet، Text، View، Button} من 'react-native'؛

تصدير الوظيفة الافتراضية التطبيق () {
  const [name, setName] = useState('shaun');
  const [person, setPerson] = useState({ name: 'mario', age: 40 });

  ثابت ClickHandler = () => {
    setName('chun-li');
    setPerson({ name: 'luigi', age: 45 });
  };

  يعود (
    <عرض النمط={styles.container}>
      <نص>اسمي {name}</Text>
      <نص>اسمه {person.name} وعمره {person.age}</Text>
      <عرض النمط={styles.buttonContainer}>
        <Button title='update State' onPress={clickHandler} />
      </عرض>
    </عرض>
  );
}

أنماط ثابتة = StyleSheet.create({
  حاوية: {
    فليكس: 1،
    لون الخلفية: '#fff'،
    محاذاة العناصر: "المركز"،
    ضبط المحتوى: "المركز"،
  },
  حاوية الزر: {
    هامش أعلى: 20،
  }
});
assistant
system
هل يمكن أن تكتب لي مثالاً على استخدام الحالة في React Native؟
user
| React Native | CodeCanyon
React Native React Native Native Mobile App React Native App React Native App React Native Mobile App React Native Mobile React Native App React Native Native React Native Native App React Native Native Mobile React Native Native Mobile App React Native Native Mobile React Native Native Mobile App React Native Native Mobile React Native Native Mobile
assistant