update code

src/RootView.js

@@ -8,6 +8,8 @@ import {SkypeIndicator} from 'react-native-indicators';
 import {HEIGHT, HEIGHTXD} from './Config/Functions';
 import R from './assets/R';
 import FirebaseNotification from './helper/FirebaseNotification';
+import {enableScreens} from 'react-native-screens';
+enableScreens();
 
 const RootView = (props) => {
   onReceived = (notification) => {};

src/Screens/Action/Deposit/DepositView.js

@@ -8,7 +8,10 @@ const DepositView = (props) => {
   return (
     <View style={{flex: 1}}>
       <HeaderBack isWhite={true} title={'Nạp tiền'} />
-      <WebView source={{uri: props.urlCheckout}} />
+      <WebView
+        androidHardwareAccelerationDisabled={true}
+        source={{uri: props.urlCheckout}}
+      />
     </View>
   );
 };

src/Screens/NewFeed/DetailNew.js

@@ -10,6 +10,7 @@ const DepositView = (props) => {
     <View style={{flex: 1}}>
       <HeaderBack isWhite={true} title={'Chi tiết'} />
       <WebView
+        androidHardwareAccelerationDisabled={true}
         source={{
           uri:
             root + 'api/v1/posts/detail/web-view?id=' + props.route.params.id,

src/Screens/NewFeed/NewFeed.js

@@ -16,7 +16,7 @@ const NewFeed = (props) => {
     <View style={{flex: 1}}>
       <HeaderDrawer title={'Tin tức'} isWhite={true} />
       <View style={{flex: 1, backgroundColor: 'white'}}>
-        {/* <Tab.Navigator
+        <Tab.Navigator
           initialRouteName="GeneralInfor"
           swipeEnabled={false}
           tabBarOptions={{
@@ -52,7 +52,6 @@ const NewFeed = (props) => {
             options={{tabBarLabel: 'Biểu đồ'}}
           />
         </Tab.Navigator>
-     */}
       </View>
     </View>
   );

src/Screens/NewFeed/Tab2/Tab2.js

@@ -12,6 +12,7 @@ const NewFeed = (props) => {
         backgroundColor: 'white',
       }}>
       <WebView
+        androidHardwareAccelerationDisabled={true}
         style={{height: '100%', width: '100%'}}
         source={{
           uri: 'http://api.dcvinvest.com/webview/tradingview/price',

src/Screens/NewFeed/Test.js

+import * as React from 'react';
+import {View, useWindowDimensions, Button} from 'react-native';
+import {TabView, SceneMap} from 'react-native-tab-view';
+import FirstRoute from './Tab1/Tab1';
+import SecondRoute from './Calendar/Calendar';
+import Notification from '../../Screens/Notification/Notification';
+import Tab2 from './Tab2/Tab2';
+const renderScene = SceneMap({
+  first: FirstRoute,
+  second: SecondRoute,
+  three: Notification,
+  four: Tab2,
+  five: FirstRoute,
+});
+
+export default function TabViewExample() {
+  const layout = useWindowDimensions();
+
+  const [index, setIndex] = React.useState(0);
+  const [routes] = React.useState([
+    {key: 'first', title: 'First'},
+    {key: 'second', title: 'Second'},
+    {key: 'three', title: 'three'},
+    {key: 'four', title: 'four'},
+    {key: 'five', title: 'five'},
+  ]);
+
+  return (
+    <TabView
+      navigationState={{index, routes}}
+      renderScene={renderScene}
+      onIndexChange={setIndex}
+      initialLayout={{width: layout.width}}
+    />
+  );
+}

src/Screens/NewFeed/Tradding/Tradding.js

@@ -6,6 +6,7 @@ const Trading = (props) => {
   return (
     <View style={{flex: 1}}>
       <WebView
+        androidHardwareAccelerationDisabled={true}
         style={{height: '100%', width: '100%'}}
         source={{
           uri:

src/routers/StackNavigation.js

@@ -44,6 +44,10 @@ import * as ScreenName from './ScreenNames';
 
 const Stack = createStackNavigator();
 
+import {enableScreens} from 'react-native-screens';
+
+enableScreens();
+
 function MyStack(props) {
   return (
     <Stack.Navigator

src/routers/TabNavigation.js

@@ -13,6 +13,7 @@ import Account from '../Screens/Account/Account';
 import Exchange from '../Screens/Exchange/Exchange';
 import NewFeed from '../Screens/NewFeed/NewFeed';
 import Notification from '../Screens/Notification/Notification';
+import Test from '../Screens/NewFeed/Test';
 const Tab = createBottomTabNavigator();
 
 const PayScreenComponent = () => {