Using React Native UI toolkits with Exponent – The Exponent Log

  • We previously required that fonts used in an Exponent app use our proprietary …
  • Using React Native UI toolkits with Exponent
  • Folks often drop by the Exponent Slack and ask us if we support NativeBase, Shoutem UI, and React Native Elements.
  • Never miss a story from The Exponent Log , when you sign up for Medium.
  • To use Shoutem UI: npm i @shoutem/ui –save and load the required fonts .

Folks often drop by the Exponent Slack and ask us if we support NativeBase, Shoutem UI, and React Native Elements. Up until this past week, we supported React Native Elements but not the others. But…

@notbrent: I just published “Using React Native UI toolkits with Exponent”

Folks often drop by the Exponent Slack and ask us if we support NativeBase, Shoutem UI, and React Native Elements. Up until this past week, we supported React Native Elements but not the others. But now you can use any of these libraries with Exponent!

You can try out demo apps for each of these toolkits with Exponent super easily:

Curious what we changed to make these work? There were a couple of things that we needed to do:

fontFamily: ‘fontName’

. This was an awkward API, so we found a way to make

So, should you use these in your apps? That’s up to your personal taste! Give them a try and make the call. One piece that I would suggest avoiding is the

navigation related components: side menus, iOS style bottom tab bars, and

Android style sliding tab bars. ExNavigation is a better choice

Are you working on a UI toolkit or some other component and want to be sure that it works well with Exponent? Reach out to me on Twitter, I would be happy to help!

Using React Native UI toolkits with Exponent – The Exponent Log