first paint

Author: palingheorghe

app.json

@@ -3,7 +3,7 @@
     "name": "Now UI React Native",
     "slug": "now-ui-react-native",
     "privacy": "public",
-    "sdkVersion": "35.0.0",
+    "sdkVersion": "36.0.0",
     "platforms": ["ios", "android"],
     "version": "1.1.0",
     "orientation": "portrait",

components/Card.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { withNavigation } from 'react-navigation';
+import { withNavigation } from '@react-navigation/compat';
 import PropTypes from 'prop-types';
 import { StyleSheet, Image, TouchableWithoutFeedback } from 'react-native';
 import { Block, Text, theme } from 'galio-framework';

components/Header.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { withNavigation } from 'react-navigation';
+import { withNavigation } from '@react-navigation/compat';
 import { TouchableOpacity, StyleSheet, Platform, Dimensions } from 'react-native';
 import { Button, Block, NavBar, Text, theme, Button as GaButton } from 'galio-framework';
 
@@ -47,7 +47,7 @@ class Header extends React.Component {
   };
   renderRight = () => {
     const { white, title, navigation } = this.props;
-    const { routeName } = navigation.state;
+    
 
     if (title === 'Title') {
       return [
@@ -56,7 +56,7 @@ class Header extends React.Component {
       ];
     }
 
-    switch (routeName) {
+    switch (title) {
       case 'Home':
         return [
           <BellButton key="chat-home" navigation={navigation} isWhite={white} />,
@@ -201,8 +201,8 @@ class Header extends React.Component {
       navigation,
       ...props
     } = this.props;
-    const { routeName } = navigation.state;
-    const noShadow = ['Search', 'Categories', 'Deals', 'Pro', 'Profile'].includes(routeName);
+
+    const noShadow = ['Search', 'Categories', 'Deals', 'Pro', 'Profile'].includes(title);
     const headerStyles = [
       !noShadow ? styles.shadow : null,
       transparent ? { backgroundColor: 'rgba(0,0,0,0)' } : null
@@ -213,6 +213,7 @@ class Header extends React.Component {
     return (
       <Block style={headerStyles}>
         <NavBar
+          back={false}
           title={title}
           style={navbarStyles}
           transparent={transparent}
@@ -224,7 +225,7 @@ class Header extends React.Component {
               family="NowExtra"
               size={16}
               onPress={this.handleLeftPress}
-              color={iconColor || nowTheme.COLORS.ICON}
+              color={iconColor || (white ? nowTheme.COLORS.WHITE : nowTheme.COLORS.ICON)}
             />
           }
           leftStyle={{ paddingVertical: 12, flex: 0.2 }}

navigation/Screens.js

@@ -17,7 +17,7 @@ import SettingsScreen from '../screens/Settings';
 import CustomDrawerContent from "./Menu";
 // header for screens
 import { Header, Icon} from '../components';
-import { argonTheme, tabs } from "../constants";
+import { nowTheme, tabs } from "../constants";
 
 const { width } = Dimensions.get("screen");
 

screens/Onboarding.js

@@ -83,7 +83,7 @@ export default class Onboarding extends React.Component {
                   shadowless
                   style={styles.button}
                   color={nowTheme.COLORS.PRIMARY}
-                  onPress={() => navigation.navigate('Home')}
+                  onPress={() => navigation.navigate('App')}
                 >
                   <Text
                     style={{ fontFamily: 'montserrat-bold', fontSize: 14 }}