Erstellen von 'Div' und 'Span' Komponenten in React Native

Question

Ich habe in verschiedenen Foren behauptet, dass die Verwendung von "View" in React Native ist quasi gleichbedeutend mit einem 'Div' in React.

Während ich die Argumentation für die View-Komponente verstehe (wer alle "div" -Optionen unterstützen will?) Scheint es, dass eine Komponente erstellt werden kann, die die meisten vernünftigen "div" - und "span" -Attribute verarbeiten kann so dass Portierung Reagieren auf Reagieren nativ ist keine so mühsame Aufgabe.

Hat jemand solche Komponenten, die sie getestet haben und teilen können? Alle Probleme bezüglich Stilunterstützung, Mapping-Ereignis und Mapping-Kindern scheinen sich zu wiederholen, da fast jeder in React Native springt.

So etwas wie

class Div extends Component { //or Class Span extends Component 

    static propTypes = { 
    style : PropTypes.obj 
    onClick : PropTypes.func // ... 
    } 

    render(){ 
    return (
     <View> 
     { 
     /* whatever is needed to pass everything through ... */ 
     } 
     </View> 
    } 
} 

Answer 1

Ich glaube, Sie fehlen den Punkt Mutter von React. Es soll Komponenten enthalten, die den nativen UI-Komponenten der mobilen Plattform zugeordnet werden. Es soll nicht etwas sein, das HTML aufnimmt und irgendwie in etwas umwandelt, das wie eine mobile App aussieht. Deshalb heißt es "Native" - ​​weil es die Benutzeroberfläche von der Plattform verwendet. Wenn Sie möchten, dass Sie für eine mobile App häufig verwendete HTML-Elemente verwenden, dann bleiben Sie einfach bei Frameworks wie Cordova/Ionic usw.?

React ist jetzt wie ein Idiom, mit dem Sie eine Benutzeroberfläche unabhängig vom Gerät erstellen können. React Native übernimmt lediglich das Reaction "idiom" und weiß, wie man es auf dem mobilen Bildschirm rendert. Es gibt also keine "Portierung von Reaktion auf native Reaktion".

Wenn Sie experimentieren möchten, können Sie eine benutzerdefinierte Div-Komponente und eine benutzerdefinierte Span-Komponente erstellen - das bleibt Ihnen überlassen. Sie können die Requisiten nur von dieser Komponente herunter zu einer Ansicht oder einem Text weiterleiten. Aber ich denke, das wäre überflüssig. Normalerweise würden Sie Ihre eigenen Komponenten erstellen und hinter den Kulissen würden Sie View und Text und TextInput usw. verwenden - all die grundlegenden Komponenten von React Native.