onLayout Attribute (a bit)
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.
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 →
KeyboardAvoidingView the Missing Docs
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 →
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:
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 →
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 →