It's All Writing.

Writing makes you happy.

React Native

SRMLogger v2.1.1 release

SRMLogger v2.1.1 release You can get App which named SRMLogger from below. srmlogger.io What’s New The following changes have been made in version 2.1.1. Change of stimulation (average) is also plotted on the graph support android 5.0 over…

How to get dark mode settings on iOS at React Native

Environment React Native react-native-appearance Code You can get the iOS color scheme using react-native-appearance. gist.github.com

How to change from a class component which using MobX to a function component in React Native

Premise If you don't need to maintain state, it's prefer to use function component than class component. But, If you've already implemented class component, you also need to know how to change it. I also implemented a class component using…

How to share styles at React Native

Environment React Native mobx react-native-extended-stylesheet Code gist.github.com react-native-extended-stylesheet provides EStyleSheet.build which compile variables to reuse any style in EStyleSheet.create. (e.g. $dark087) And by using …

How to custom react navigation's header options each screen which using HOC at React Native

Environment React Native React Navigation 4.x node Premise Typically, react navigation's header options are written in App.js. However, this is undesirable for two reasons: App.js gets bigger and more complex Knowledge specific to each scr…

How to detect software keyboard visible state at React Native

Environment React Native react-native-keyboard-accessory NativeBase node Code gist.github.com If the software keyboard is visible ( when you'll input Textarea ), the Button is enabled. Otherwise, the Button is disabled. Typically, The timi…

How to provide utility functions for every components ( How to make HOC ( higher-order component ) ) at React Native

Environment React Native node Premise When there is a utility function you'd like to use in common during each components, you can do it easily via props by using HOC. Using common.js which provides common utility functions has the fault a…

How to navigate between different nested stacks in React Navigation

Environment React Native React Navigation ( react-navigation ) lodash Prerequisites If we have the following Navigator structure: ScreenA ScreenB ScreenC ScreenD TabScreenA StackScreenA StackScreenB TabScreenB StackScreenC StackScreenD Tab…