Создать собственный пользовательский компонент/библиотеку

В React Native есть некоторые сторонние компоненты, которые компилируют свои собственные библиотеки, которые могут быть включены в ваш основной проект React. Примерами таких сторонних библиотек являются следующие:

Теперь мне очень хотелось бы создать собственный собственный компонент React Native со связанной библиотекой (только для iOS, поэтому мне нужна только библиотека Cocoa, которую я бы связал, используя этот метод: https://facebook.github.io/react-native/docs/linking-libraries-ios.html), и до сих пор я нашел следующее: http://moduscreate.com/react_native_custom_components_ios/

Результирующий проект, однако, не указывает целевую библиотеку и не связан с другим проектом.

Я также попытался скопировать репозиторий Touch ID и попробовать изменить этот код, но, увы, я нашел его несовместимым, не ссылаясь на другой проект, который, в свою очередь, будет скомпилирован.

Где я могу найти какие-либо руководства по поводу того, как это сделать? Спасибо!

Ответы

Ответ 1

1. Команда: new-library

React-native-cli предлагает команду new-library:

react-native new-library --name <YourNewLibraryName>

Вызов этого приведет к созданию библиотеки образцов в вашем каталоге Libraries, скопировав файл примера из реагировать на родную библиотеку.

2. Разработка

React Native имеет пару документов специально для написания Native Modules и Встроенные компоненты пользовательского интерфейса, в зависимости от того, чего вы хотите достичь.

3. Компонент связи

Свяжите свой компонент, как только вы закончите, следуя инструкциям которые вы уже упоминали.

Ответ 2

Создать компонент в реакции-native:

const App = ( ) => {
  return (
    <Text>Some Text</Text>
  );
}

Чтобы зарегистрировать этот компонент, вы должны использовать:

ReactNative.AppRegistry.registerComponent('your_project_name', ( ) => App);