mCloud Design Mobile

mCloud Design Mobile

  • Docs
  • API
  • Help
  • Blog

›Croe

Croe

  • mCloud-Design-Mobile
  • Contributing

mCloud-Design-Mobile

mCloud-Design-Mobile 是 Daka 的8.0风格的 React 实现,服务于打卡助手。

+

Install

npm install mcloud-mobile react-native-fast-image --save

or

yarn add mcloud-mobile react-native-fast-image

链接原生模块

react-native link @react-native-community/async-storage
react-native link react-native-fast-image

Use

组件使用实例:

import React, { Component } from 'react';
import { AppRegistry } from 'react-native';
import { Button } from 'mcloud-mobile';

class HelloWorldApp extends Component {
  render() {
    return <Button>Start</Button>;
  }
}

AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp);

如果需要使用Modal以及dark mode还需要在 App 的入口处加上Provider

import React, { Component } from 'react';
import { AppRegistry } from 'react-native';
import { Button, Provider } from '@ant-design/react-native';

class HelloWorldApp extends Component {
  render() {
    return (
      <Provider theme="dark">
        <Button>
          Start
        </Button>
      </Provider>
    );
  }
}

链接

  • 首页
  • 开发者文档
  • React 模块

如何贡献

在任何形式的参与前,请先阅读 贡献者文档。有任何建议或意见您可以 Pull Request,给我们 报告 Bug。

强烈推荐阅读 《提问的智慧》、《如何向开源社区提问题》 和 《如何有效地报告 Bug》,更好的问题更容易获得帮助。

社区互助

如果您在使用的过程中碰到问题,可以通过下面几个途径寻求帮助,同时我们也鼓励资深用户通过下面的途径给新人提供帮助。

通过 Stack Overflow 或者 Segment Fault 提问时,建议加上 mcloud-mobile 标签。

  1. Stack Overflow(推荐)
  2. Segment Fault
Contributing →
  • Install
    • 链接原生模块
  • Use
  • 链接
  • 如何贡献
  • 社区互助
mCloud Design Mobile
Docs
Getting Started (or other categories)Guides (or other categories)API Reference (or other categories)
Community
User ShowcaseStack OverflowProject ChatTwitter
More
BlogGitHubStar
Facebook Open Source
Copyright © 2019 Your Name or Your Company Name