picostitch
crafting (and) JavaScript

Tidbits tagged with #android (10)

#React Native

Understanding React Native's onLayout Attribute (a bit)

July 29, 2021 - tagged with: #JavaScript #android #iOS #mobile #KeyboardAvoidingView

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 →

#React Native

Android Ripple Effect - Analyzed

December 4, 2020 - tagged with: #Android #mobile

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 →

#React Native

Hacking Android Styles

November 30, 2020 - tagged with: #Android #styling #mobile #knowledgebase

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 →