Redux used Rule:
1 Using Index management state
2. Detach edit state and view state
3. Proper state sharing
4. Universal Reducer State sharing
5. Connected Selector consolidation ProcessingPlatform Styles
Coming from a web development background, having to maintain styles for both Android and iOS takes some getting used to. React Native ships with a couple ways to handle this. For complex components with vast disparities, it might be a good idea to separate out iOS and Android components into separate files. For our purposes here, I will focus on the approach we are using with the Platform module. As the example below illustrates, importing the Platform module into a stylesheet will tap into React Native’s platform-detection logic and apply the appropriate styles. In this case, we are applying a base font family for each platform. import { Platform, StyleSheet } from 'react-native' ; const styles = StyleSheet.create({ container: { flex: 1 , ...Platform. select ({ ios: { fontFamily: 'Arial' , }, android: { fontFamily: 'Roboto' , }, }), }, }); While this pattern is useful, it’s a little verbose.
Comments
Post a Comment