TODO: Refactor lại Sub_Button và điều chỉnh giao diện list_work

src/components/FAB/sub_button.js

@@ -18,8 +18,12 @@ import {
 import R from '../../assets/R';
 
 // Component SubButton (nút con của FAB)
-const SubButton = props => {
-  const { label, onPress , images, backgroundColor } = props;
+const SubButton =({
+  label, 
+  onPress, 
+  images, 
+  backgroundColor
+})=> {
 
   // Biến sharedValue để quản lý độ mờ (opacity) khi nhấn giữ
   const buttonOpacity = useSharedValue(1);

src/screens/list_work/style.js

 import { StyleSheet, Text, View } from 'react-native'
+import R from '../../assets/R'
 
 const styles = StyleSheet.create({
-    
+    container:{
+        flex:1,
+        backgroundColor:R.colors.white
+    },
+    body:{
+        flex:1,
+        backgroundColor:R.colors.white
+    }
 })
 
 export default styles
\ No newline at end of file

src/screens/list_work/view.js

 import React from 'react';
 import {Text, View, TouchableOpacity, StyleSheet} from 'react-native';
+import styles from './style';
+import FAB from '../../components/FAB/fab';
+import SubButton from '../../components/FAB/sub_button';
+import Header from '../../components/Header/Header';
+import Dropdown from '../../components/DropdownAlert/Dropdown';
+import R from '../../assets/R';
 
 const ListWorkView = (props) => {
   const {  } = props;
+  
   return (
     <View
-      style={{ 
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-      }}>
-      <TouchableOpacity>
-        <Text>ListWork</Text>
-      </TouchableOpacity>
+      style={styles.container}>
+        <Header title={'Danh sách công việc'} isBack />
+        <View style = {styles.body}>
+          
+        </View>
+     <FAB>
+      <SubButton
+        onPress={() =>({})}
+        label="Tạo công việc"
+        images={R.images.icMenuEdit}
+        backgroundColor={R.colors.blue}
+      />
+     </FAB>
     </View>
   );
 };
 
 export default ListWorkView;
-
-const styles = StyleSheet.create({})
\ No newline at end of file