diff --git a/templates/app/react-native/src/components/DataList/DataList.js b/templates/app/react-native/src/components/DataList/DataList.js
index 7c837ec83f..c42edeeea0 100644
--- a/templates/app/react-native/src/components/DataList/DataList.js
+++ b/templates/app/react-native/src/components/DataList/DataList.js
@@ -75,14 +75,14 @@ function DataList({
           />
           {searchLoading ? (
             <View>
-              <Spinner style={style.spinner} color={style.spinner.color} />
+              <Spinner style={styles.spinner} color={styles.spinner.color} />
             </View>
           ) : (
             <Icon style={{ fontSize: 20, marginRight: 15 }} name="ios-search" />
           )}
         </InputGroup>
       </Item>
-      <View style={style.container}>
+      <View style={styles.container}>
         <List
           showsVerticalScrollIndicator
           scrollEnabled
diff --git a/templates/app/react-native/src/components/FormButtons/FormButtons.js b/templates/app/react-native/src/components/FormButtons/FormButtons.js
index 5bbdb388f8..b18faf848e 100644
--- a/templates/app/react-native/src/components/FormButtons/FormButtons.js
+++ b/templates/app/react-native/src/components/FormButtons/FormButtons.js
@@ -30,7 +30,7 @@ function FormButtons({
   };
 
   return (
-    <View style={style.container}>
+    <View style={styles.container}>
       {isShowRemove ? (
         <Button
           abpButton
diff --git a/templates/app/react-native/src/components/Loading/Loading.js b/templates/app/react-native/src/components/Loading/Loading.js
index 41f0f0693e..866a60cb75 100644
--- a/templates/app/react-native/src/components/Loading/Loading.js
+++ b/templates/app/react-native/src/components/Loading/Loading.js
@@ -11,14 +11,14 @@ import {
 
 function Loading({ style, loading, opacity }) {
   return loading ? (
-    <View style={style.container}>
+    <View style={styles.container}>
       <View
         style={{
-          ...style.backdrop,
+          ...styles.backdrop,
           opacity: opacity || 0.6,
         }}
       />
-      <Spinner style={style.spinner} color={style.spinner.color} />
+      <Spinner style={styles.spinner} color={styles.spinner.color} />
     </View>
   ) : null;
 }
diff --git a/templates/app/react-native/src/components/LoadingButton/LoadingButton.js b/templates/app/react-native/src/components/LoadingButton/LoadingButton.js
index 14de6d840a..cbb4cfe2ae 100644
--- a/templates/app/react-native/src/components/LoadingButton/LoadingButton.js
+++ b/templates/app/react-native/src/components/LoadingButton/LoadingButton.js
@@ -5,9 +5,9 @@ import { StyleSheet } from 'react-native';
 
 function LoadingButton({ loading = false, style, children, ...props }) {
   return (
-    <Button style={style.button} {...props}>
+    <Button style={styles.button} {...props}>
       {children}
-      {loading ? <Spinner style={style.spinner} color={style.spinner.color || 'white'} /> : null}
+      {loading ? <Spinner style={styles.spinner} color={styles.spinner.color || 'white'} /> : null}
     </Button>
   );
 }
diff --git a/templates/app/react-native/src/components/TenantBox/TenantBox.js b/templates/app/react-native/src/components/TenantBox/TenantBox.js
index dc13fae309..71d162e20c 100644
--- a/templates/app/react-native/src/components/TenantBox/TenantBox.js
+++ b/templates/app/react-native/src/components/TenantBox/TenantBox.js
@@ -45,15 +45,15 @@ function TenantBox({ style, tenant = {}, setTenant, showTenantSelection, toggleT
 
   return (
     <>
-      <Segment style={style.container}>
+      <Segment style={styles.container}>
         <View>
-          <Text style={style.title}>{i18n.t('AbpUiMultiTenancy::Tenant')}</Text>
-          <Text style={style.tenant}>
+          <Text style={styles.title}>{i18n.t('AbpUiMultiTenancy::Tenant')}</Text>
+          <Text style={styles.tenant}>
             {tenant.name ? tenant.name : i18n.t('AbpUiMultiTenancy::NotSelected')}
           </Text>
         </View>
         <Button
-          style={{ ...style.switchButton, display: !showTenantSelection ? 'flex' : 'none' }}
+          style={{ ...styles.switchButton, display: !showTenantSelection ? 'flex' : 'none' }}
           onPress={() => toggleTenantSelection()}>
           <Text style={{ color: '#fff' }}>{i18n.t('AbpUiMultiTenancy::Switch')}</Text>
         </Button>
@@ -64,12 +64,12 @@ function TenantBox({ style, tenant = {}, setTenant, showTenantSelection, toggleT
             <Label abpLabel>{i18n.t('AbpUiMultiTenancy::Name')}</Label>
             <Input abpInput value={tenantName} onChangeText={setTenantName} autoCapitalize = 'none'/>
           </InputGroup>
-          <Text style={style.hint}>{i18n.t('AbpUiMultiTenancy::SwitchTenantHint')}</Text>
+          <Text style={styles.hint}>{i18n.t('AbpUiMultiTenancy::SwitchTenantHint')}</Text>
           <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
-            <Button abpButton light style={style.button} onPress={() => toggleTenantSelection()}>
+            <Button abpButton light style={styles.button} onPress={() => toggleTenantSelection()}>
               <Text>{i18n.t('AbpAccount::Cancel')}</Text>
             </Button>
-            <Button abpButton style={style.button} onPress={() => findTenant()}>
+            <Button abpButton style={styles.button} onPress={() => findTenant()}>
               <Text>{i18n.t('AbpAccount::Save')}</Text>
             </Button>
           </View>