Tidbits tagged with #react-native (15)

The <KeyboardAvoidingView> is one component provided by react-native, which (magically) handles the screen to re-layout when the virtual keyboard opens on ones phone.
This component comes not without challenges, I had actually written about it and I still keep finding things, which make me dig deeper into it to understand and eventually (fix and) use it properly.
Continue reading →

I have been digging a little bit into Hermes (a mobile first JS engine) focused on React Native. Since I shared most of it on twitter, I want to "copy" the content here to persist it for me, I know I am coming back to this eventually and this way I get up to speed faster.
Continue reading →

React Native (RN) 0.64 was just released. One of the things I had stumbled upon more often lately in RN code was the word "hermes". I didn't know what kinda tool or package that was. Until I informed myself a bit.
In short: Hermes is a mobile optimized JavaScript engine.
Continue reading →

If you are struggling with React Native's KeyboardAvoidingView and it does not behave as you expect, the most probable reason is some flex layout issue. I highly recommend reading KeyboardAvoidingView not working properly? Check your Flexbox Layout first by Nick Yang.
Continue reading →

does not show a shadow
Continue reading →

This is a collection of things I sometimes need when working with React Native and my external Android device.
Continue reading →

React Native has a component Pressable. Used like so <Pressable>clickable thing</Pressable>. It is a more abstract way to build a button or something that a user can click. The component Pressable has one Android-specific attribute android_ripple, which allows to customize the UX of the ripple effect. I think the visual feedback the ripple effect provides is very user-friendly, it indicates if a click was detected. So I am investing time in making it work well, but it's not that easy. Let me share my learnings.
Continue reading →

The plan:
Continue reading →

The React Native picker is a module I had a couple of touchpoints with. Even before it had moved repositories. Now it moved again.
Continue reading →

https://developer.android.com/guide/topics/ui/look-and-feel/themes?hl=en#CustomizeTheme
Continue reading →

I never did android development, only the React Native side of things. Now while digging deeper, trying to figure out how to style a React Native picker on android (because the default is really ugly) I am reading into android docs. I found out how to break my app's rendering with one line of XML. Not true, five lines of XML.
Continue reading →

When I started digging into the styles.xml file of our React Native app I found XML like this:
Continue reading →

I am wondering if the React Native Picker component is still maintained and if it is usable or if I am totally looking at the wrong thing for using a picker for a mobile app.
Continue reading →

This is JS (and) Crafting #4 - March 20th, 2017. Every Monday you will receive a hand-selected collection of links about JavaScript and how to craft better software. Let's get started ...
Continue reading →

Welcome to the JS (and) Crafting #1 - February 28th, 2017. Every Monday you will receive a hand-selected collection of links about JavaScript and how to craft better software. Let's get started ...
Continue reading →