So erstellen Sie eine Bibliothek, die die offizielle TextInput-Komponente in reagieren verbessert Native

Question

Ich habe eine kleine Funktion hinzugefügt, die die UX der <TextInput>-Komponente in Native React verbessert. Der neue Code befindet sich auf der nativen Seite, daher musste ich Änderungen an mehreren Dateien in der offiziellen RCTText-Bibliothek vornehmen.

Derzeit funktioniert das lokal, indem ich den Code innerhalb node_modules manuell ändere und das Projekt neu aufbaue. Ich plane, eine PR zum offiziellen React Native Projekt zu machen, sobald ich alle Randfälle behoben habe. Ich verstehe, dass Features manchmal eine Weile brauchen, um es in die offizielle Version zu bringen (wenn überhaupt), daher möchte ich dieses improved <TextInput> als eine Bibliothek für andere, die interessiert sein könnten, veröffentlichen.

Das Ziel ist es, eine Bibliothek zu veröffentlichen, die einmal zum Projekt hinzugefügt wird, können Sie eine <MyTextInput> Komponente erstellen, die alles tut, was das Original <TextInput> tut. Und hier bin ich ein bisschen verloren. Kann mir jemand bitte die richtige Richtung zeigen, wie man eine Bibliothek daraus macht, oder vielleicht einen Link zu einer Bibliothek, die eine ähnliche Sache macht (eine offizielle RN-Komponente in nativem Code erweitert)?

Answer 1

Sie können ein verknüpfbares Bibliotheksprojekt mit react-native-create-library booten und dann Ihre modifizierte RCTText library project darin kopieren.

Sie möchten die Bibliothek umbenennen, z. indem Sie ihm ein anderes Präfix als RCT geben, um Kollisionen mit der Hauptkomponente RCTText zu vermeiden. Darüber hinaus müssen Sie alle Verweise auf die RCT * -Komponenten in den Quelldateien umbenennen.

Nachdem Sie die Bibliothek erstellt haben, können Sie es zu NPM veröffentlichen und installieren Sie sie auf Ihre Reaktion native App mit:

npm install your-text-component 
react-native link your-text-component 

Ich habe nicht versucht, für Einbau-React Komponenten, sondern eine Freigabe Die native Drittanbieterbibliothek für React Native sollte nicht wirklich anders sein, unabhängig davon, ob die ursprüngliche Implementierung auf der vorhandenen React Native-Komponente basiert oder nicht.