Troila Mobile Ui

Troila Mobile Ui

  • Docs
  • API
  • Help
  • Blog

›卓朗云桌面-内部组件

Troila Mobile Ui

  • Getting Started

Components

  • Text
  • ListView
  • List
  • TextInput
  • InputItem
  • Step
  • SpringAnimatedView

卓朗云桌面-内部组件

  • request (请求类)
  • BackgroundButton
  • ExtendsBackButton
  • HeaderTitleButton
  • HeaderImageButton
  • 注意事项
  • 不同平台和设备的入口

BackgroundButton

基于react-native的TouchableOpacity和ImageBackground的封装

规则

  • 统一使用背景过渡的按钮

Example

iOS Android

Code

import React, { Component } from 'react';
import {
    BackgroundButton,
} from '../../components/theme';


class Example extends Component {
    render() {
        return (
            <BackgroundButton
                title={'登陆'}
                buttonStyle={{marginTop:37}}
            />
        );
    }
}


Props

属性说明类型默认值
onPress点击事件Function()=>{}
titleColor标题颜色String#fff
title标题String''
buttonStyle按钮样式Style省略
titleStyle标题样式Style省略
← requestExtendsBackButton →
  • 规则
  • Example
  • Code
  • Props
Troila Mobile Ui
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 © 2018 Your Name or Your Company Name