fix table issue

dohooo/react-native-table-component#145
menzheha-maksym · Apr 15, 2022 · e9abe4d · e9abe4d
1 parent b5d8a46
commit e9abe4d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 12 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,7 +17,7 @@
     "react-native-dropdown-picker": "^5.4.0",
     "react-native-safe-area-context": "^4.2.4",
     "react-native-screens": "^3.13.1",
-    "react-native-table-component": "^1.2.2"
+    "react-native-table-component": "https://github.com/slice312/react-native-table-component.git"
   },
   "devDependencies": {
     "@babel/core": "^7.12.9",

diff --git a/src/components/RatesTable.tsx b/src/components/RatesTable.tsx
@@ -9,6 +9,9 @@ const styles = StyleSheet.create({
   tableBorder: {
     borderWidth: 1,
   },
+  rowHeader: {
+    padding: 10,
+  },
 });
 
 interface RatesTableProps {
@@ -34,11 +37,8 @@ const RatesTable: React.FC<RatesTableProps> = ({currency, ratesData}) => {
         <Text>Selected currency {currency}</Text>
         <ScrollView>
           <Table borderStyle={styles.tableBorder}>
-            <Row data={tableHead} />
+            <Row data={tableHead} textStyle={styles.rowHeader} />
             <Rows data={tableData} />
-            {/* {tableData.map((rowData, index) => {
-              <Row key={index} data={rowData} />;
-            })} */}
           </Table>
         </ScrollView>
       </View>