TODO: Refactor TabBarView

src/screens/list_work/view.js

@@ -14,12 +14,9 @@ const ListWorkView = (props) => {
   const handleFilterChange = (item) => {
     console.log(item);
   };
-  return (
-    <View
-      style={styles.container}>
-        <Header title={'Danh sách công việc'} isBack />
-        <View style = {styles.body}>
-          <TabViewComponent 
+
+  const renderTabView = () => {
+    return ( <TabViewComponent 
             data={[
               {key: 'all', label: 'Tất cả'},
               {key: 'public', label: 'Công khai'},
@@ -55,7 +52,16 @@ const ListWorkView = (props) => {
             showActiveIndicator={false}
             
             onFilterChange={handleFilterChange}
-          />
+          />  
+        )
+  }
+
+  return (
+    <View
+      style={styles.container}>
+        <Header title={'Danh sách công việc'} isBack />
+        <View style = {styles.body}>
+          {renderTabView()}
         </View>
      <FAB>
       <SubButton