VKUI – это набор React-компонентов, с помощью которых можно создавать интерфейсы, внешне неотличимые от наших iOS и Android приложений.
npm i @vkontakte/vkui
или yarn add @vkontakte/vkui
Не забудьте посмотреть в консоль и установить необходимые пакету peerDependencies
import React from 'react';
import ReactDOM from 'react-dom';
import { View, Panel, PanelHeader, Header, Group, Cell } from '@vkontakte/vkui';
import '@vkontakte/vkui/dist/vkui.css';
function App () {
return (
<View activePanel="main">
<Panel id="main">
<PanelHeader>VKUI</PanelHeader>
<Group header={<Header mode="secondary">Items</Header>}>
<Cell>Hello</Cell>
<Cell>World</Cell>
</Group>
</Panel>
</View>
);
}
ReactDOM.render(<App />, document.getElementById('root'));
На данный момент мы поддерживаем webview следующих операционных систем:
- android >= 4.4
- ios >= 9
В документации вы сможете найти информацию об использовании компонентов и утилит.
Напишите нам issue, если нашли баг или у вас есть предложения по улучшению библиотеки.
Мы очень радуемся, когда пользователи библиотеки работают над её улучшением. Для того, чтобы оставить след в истории, сделайте форк проекта, внесите изменения и отправьте нам pull request.