react-native-locktable：一個能夠鎖定雙向的React Native表格控件

功能介紹

一個能夠鎖定雙向的 React Native 表格控件

使用方法

npm install react-native-locktable
複製代碼

或

yarn add react-native-locktable
複製代碼

import LockTableView from 'react-native-locktable';
複製代碼

Api 介紹

interface Props {
  //是否開啓鎖定
  isLockTable?: boolean;
  //標題數據
  titleData: string[];
  //數據源
  tableData: object[];
  //單元格文字大小
  textSize?: number;
  //單元格文字顏色
  textColor?: string;
  //單元格最大寬度
  cellMaxWidth?: number;
  //單元格高度
  cellHeight?: number;
  //第一行背景色
  firstRowBackGroundColor?: string;
  //第一列背景色
  firstColumnBackGroundColor?: string;
  //表頭字體顏色
  tableHeadTextColor?: string;
}
複製代碼

import LockTableView from '../src/LockTableView';
import {plainToClass} from 'class-transformer-xyz';
// @ts-ignore
import OilPrice from './OilPrice';

function App(props) {
  const titleData = ['地區', '89#汽油', '92#汽油', '95#汽油', '98#汽油', '0#柴油', '更新時間'];
  let data = plainToClass(OilPrice, DataJson);
  return (
    <View style={{flex: 1}}> <LockTableView tableData={data} titleData={titleData} /> </View>
  );
}
複製代碼

Github

react-native以爲有用，給顆Star,謝謝！github.com/RmondJone/r…