React Native से आना

RN में आप UI को JSX में वर्णित करते हैं और स्टेट बदलने पर री-रेंडर होता है। CrossFly में UI Java कोड है जो एक बार माउंट होता है, और आप म्यूट करते हैं। पहले दर्शन पढ़ें।

अनुवाद तालिका

पहले कैसा था / अब कैसा है — सूची

// React Native
function Lista({ itens }) {
   return <FlatList data={itens}
      renderItem={({ item }) => <Text>{item.nome}</Text>} />;
}

// CrossFly — props कंस्ट्रक्टर आर्गुमेंट बन जाते हैं; UI Java में
public class Lista extends Window {
   private final List<Item> itens;
   public Lista(List<Item> itens) { this.itens = itens; }   // "props"
   @Override public void onShow() throws Exception {
      super.onShow();
      setLayout(new VerticalLayout());
      add(LAY_FILL, new VirtualListView(Relative.ofFont(3f), new DataAdapter() {
         public int getCount() { return itens.size(); }
         public Component createView() { return new Label(""); }
         public void bindView(Component v, int i) { ((Label) v).setText(itens.get(i).nome); }
      }));
   }
}

और क्या बदलता है

• कोई JS bridge नहीं और कोई hot-reload नहीं — यह संकलित Java है (डेस्कटॉप पर चक्र तेज़ है; देखें प्लेटफ़ॉर्म)।
• props → कंस्ट्रक्टर: डेटा new Tela(dados) के ज़रिए पास करें और .show() कॉल करें।
• StyleSheet → ComponentStyle: padding/मार्जिन ingap/outgap हैं, flex की प्रॉपर्टीज़ नहीं।

यह भी देखें

• स्क्रीनों के बीच नेविगेट करें · परफ़ॉर्मेंस और सूचियाँ