react-native-elements - vector icons

[wedelgaard]

It seems like create-react-native app has some issues with "react-native-elements". I've tried 2 scenarios which both produces the same error:

Test 1

• created a new project with create-react-native-app
• npm i react-native-elements --save
• Added a react-native-elements button in App.js
• npm run ios

Test 2

• created a new project with create-react-native-app
• npm i react-native-vector-icons --save && react-native link react-native-vector-icons
• npm i react-native-elements --save
• Added a react-native-elements button in App.js
• npm run ios

In both test the simulator throws this warning. I've tried to run the commands described in the error message, but with no luck :(

[anp]

Hi! Thanks for the report. We're working on making it easier to use these transparently in CRNA.

If you first install https://www.npmjs.com/package/@expo/vector-icons and then try using react-native-elements, this should work for you. Note that if/when you eject to a regular RN project, you'll need to switch from Expo's vector icons to the regular react-native-vector-icons.

Let me know if that resolves your immediate issue. In the near future we hope to resolve this more transparently for users.

[wedelgaard]

@dikaiosune thx got me a little further. Now this issues arrises

[brentvatne]

Hello! Thanks for catching this, we'll add ttf as a default support asset extension in our next release this afternoon.

See this repo for a working example of react-native-elements: https://github.com/exponent/elements-example-crna

The most important part is this: https://github.com/exponent/elements-example-crna/blob/master/app.json#L4-L6 -- if you add it to your app.json and restart the packager (necessary to pick up the changes to the packager options) it should work

[binoy14]

@brentvatne In regards to react-native-elements/react-native-elements#221 I am trying to create documentation on how to use react-native-elements with create-react-native-app. Is the change in the app.json required only till the new release or will that change be required?

[anp]

@binoy14 I just released a temporary fix. Going to leave this open until I can fix upstream.

TODO: release new xdl version and update react-native-scripts to it.