update tabbar transaction

src/Screens/Transaction/DueDate/DueDate.js

+import React, {Component} from 'react';
+import {View, Text} from 'react-native';
+
+const DueDate = () => {
+  return (
+    <View>
+      <Text>DueDate view</Text>
+    </View>
+  );
+};
+
+export default DueDate;

src/Screens/Transaction/Escrow/Escrow.js

+import React, {Component} from 'react';
+import {View, Text} from 'react-native';
+
+const Escrow = () => {
+  return (
+    <View>
+      <Text>Ecrow view</Text>
+    </View>
+  );
+};
+
+export default Escrow;

src/Screens/Transaction/PriceList/PriceList.js

+import React, {Component} from 'react';
+import {View, Text} from 'react-native';
+
+const PriceList = () => {
+  return (
+    <View>
+      <Text>PriceList view</Text>
+    </View>
+  );
+};
+
+export default PriceList;

src/Screens/Transaction/TimeTransaction/TimeTransaction.js

+import React, {Component} from 'react';
+import {View, Text} from 'react-native';
+
+const TimeTransaction = () => {
+  return (
+    <View>
+      <Text>TimeTransaction view</Text>
+    </View>
+  );
+};
+
+export default TimeTransaction;

src/Screens/Transaction/Transaction.js

+import React, {Component} from 'react';
+import {View, Text, StatusBar, SafeAreaView} from 'react-native';
+import {getFontXD, HEIGHT, WIDTHXD} from '../../Config/Functions';
+import DueDate from './DueDate/DueDate';
+import Escrow from './Escrow/Escrow';
+import PriceList from './PriceList/PriceList';
+import TimeTransaction from './TimeTransaction/TimeTransaction';
+import I18n from '../../helper/i18/i18n';
+
+import {createMaterialTopTabNavigator} from '@react-navigation/material-top-tabs';
+const Tab = createMaterialTopTabNavigator();
+import HeaderDrawer from '../../components/Header/HeaderDrawer';
+
+const NewFeed = (props) => {
+  return (
+    <View style={{flex: 1}}>
+      <HeaderDrawer title={'Tradding'} isWhite={true} />
+      <View style={{flex: 1, backgroundColor: 'white'}}>
+        <Tab.Navigator
+          initialRouteName="PriceList"
+          swipeEnabled={false}
+          tabBarOptions={{
+            scrollEnabled: true,
+            inactiveTintColor: '#929292',
+            activeTintColor: '#1473E6',
+            labelStyle: {fontSize: getFontXD(36)},
+            style: {backgroundColor: 'white'},
+          }}>
+          <Tab.Screen
+            name="PriceList"
+            component={PriceList}
+            options={{tabBarLabel: I18n.t('Price_List')}}
+          />
+          <Tab.Screen
+            name="TimeTransaction"
+            component={TimeTransaction}
+            options={{tabBarLabel: I18n.t('Time_Transaction')}}
+          />
+          <Tab.Screen
+            name="Escrow"
+            component={Escrow}
+            options={{tabBarLabel: I18n.t('Escrow')}}
+          />
+          <Tab.Screen
+            name="DueDate"
+            component={DueDate}
+            options={{tabBarLabel: I18n.t('Due_Date')}}
+          />
+        </Tab.Navigator>
+      </View>
+    </View>
+  );
+};
+
+export default NewFeed;

src/helper/i18/locales/en.js

@@ -191,5 +191,9 @@ export default {
   Tradding: 'Tradding',
   Finance: 'Finance',
   Support: 'Hỗ trợ',
-  Support_Customer: 'Support_Customer',
+  Support_Customer: 'Support Customer',
+  Price_List: 'Price list',
+  Time_Transaction: 'Time transaction',
+  Escrow: 'Escrow',
+  Due_Date: 'Due date',
 };

src/helper/i18/locales/vn.js

@@ -197,4 +197,8 @@ export default {
   Finance: 'Tài chính',
   Support: 'Hỗ trợ',
   Support_Customer: 'Hỗ trợ khách hàng',
+  Price_List: 'Bảng phí',
+  Time_Transaction: 'Thời gian GD',
+  Escrow: 'Ký quỹ',
+  Due_Date: 'Lịch đáo hạn',
 };

src/routers/TabNavigation.js

@@ -15,6 +15,7 @@ import NewFeed from '../Screens/NewFeed/NewFeed';
 import Notification from '../Screens/Notification/Notification';
 import Test from '../Screens/NewFeed/Test';
 import {useNavigation} from '@react-navigation/native';
+import Transaction from '../Screens/Transaction/Transaction';
 import {AccountVerification, PACKETCQG} from '../routers/ScreenNames';
 import I18n from '../helper/i18/i18n';
 import {changeLanguage} from '../actions/language';
@@ -81,7 +82,7 @@ const TabNavigator = (props) => {
 
         <Tab.Screen
           name="Screen2"
-          component={Account}
+          component={Transaction}
           options={{
             tabBarLabel: I18n.t('Account'),
             tabBarIcon: ({color, size}) => (