react-native-vk-list

KO | EN

gitlite — search

#javascript #hacktoberfest #react #golang #go #android #machine-learning #rust #linux #java #awesome-list #security #openai #mcp

react-native-vk-list

(★ 8)

🔥原生列表，高性能，大数据，无白屏和卡顿

react-native-vk-list 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# react-native-vk-list

高性能原生列表，iOS端使用 TableView，Android端使用 ListView  
集成下拉刷新和上拉加载，iOS使用 MJRefresh，Android端使用 SmartRefreshLayout

## 安装
只支持 react-native >= 0.60 (autolinking)
```bash
yarn add react-native-vk-list  
cd ios
pod install
```

## 使用
```js
const TableViewHeader = props => {
    return (
        <View>
        </View>
    );
};
AppRegistry.registerComponent('TableViewHeader', () => TableViewHeader);
```

```js
const TableViewFooter = props => {
    return (
        <View>
        </View>
    );
};
AppRegistry.registerComponent('TableViewFooter', () => TableViewFooter);
```

```js
const TableViewRow = props => {
    return (
        <View>
        </View>
    );
};
AppRegistry.registerComponent('TableViewRow', () => TableViewRow);
```

```js
<TableView
    style={{flex: 1}}
    ref={o => this.tableView = o}

rowModule={"TableViewRow"}
    rowHeight={200}
    rowData={this.state.rowData}

headerModule={"TableViewHeader"}
    headerHeight={150}
    headerData={this.state.headerData}

footerModule={"TableViewFooter"}
    footerHeight={60}
    footerData={this.state.footerData}

onHeaderRefresh={this._onHeaderRefresh}
    onFooterRefresh={this._onFooterRefresh}

showSeparator={false}
/>

```

```js
this.tableView.startHeaderRefresh();

this.tableView.stopHeaderRefresh();

this.tableView.startFooterRefresh();

this.tableView.stopFooterRefresh();

this.tableView.stopFooterRefreshWithNoData();
```

react-native-vk-list

react-native-vk-list 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

react-native-vk-list

react-native-vk-list 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README