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
  • 注意事项
  • 不同平台和设备的入口

HeaderImageButton

基于HeaderButton和react-native的Image的封装

规则

  • 统一样式风格的导航器按钮,专属图片

Example

iOS Android

Code

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



const Navigator = createStackNavigator(
    {
        ListCreate:{
            screen:ListCreate,
            navigationOptions:({ navigation }) => ({
                title: '虚拟机目录',
                headerLeft: (
                    <HeaderImageButton
                        icon={require('../assets/virtual_search.png')}
                    />
                ),
            })
        },
    }
)

Props

属性说明类型默认值
onPress点击事件Function()=>{}
icon图标资源Source>
buttonStyle按钮样式Style省略
iconStyle图标样式Style省略
← HeaderTitleButton注意事项 →
  • 规则
  • 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