创新互联React教程:iOS选项卡

属性

Edit on GitHub

目前累计服务客户上千家,积累了丰富的产品开发及服务经验。以网站设计水平和技术实力,树立企业形象,为客户提供网站建设、成都网站建设、网站策划、网页设计、网络营销、VI设计、网站改版、漏洞修补等服务。成都创新互联始终以务实、诚信为根本,不断创新和提高建站品质,通过对领先技术的掌握、对创意设计的研究、对客户形象的视觉传递、对应用系统的结合,为客户提供更好的一站式互联网解决方案,携手广大客户,共同发展进步。

style View#style

例子

Edit on GitHub

'use strict';var React = require('react-native');var {
  StyleSheet,
  TabBarIOS,
  Text,
  View,
} = React;var TabBarExample = React.createClass({  statics: {    title: '',    description: 'Tab-based navigation.'
  },  getInitialState: function() {    return {      selectedTab: 'redTab',      notifCount: 0,      presses: 0,
    };
  },  _renderContent: function(color: string, pageText: string) {    return (
      
        {pageText}
        {this.state.presses} re-renders of the More tab
      
    );
  },  render: function() {    return (
      
         {            this.setState({              selectedTab: 'blueTab',
            });
          }}>
          {this._renderContent('#414A8C', 'Blue Tab')}
        
         0 ? this.state.notifCount : undefined}
          selected={this.state.selectedTab === 'redTab'}
          onPress={() => {            this.setState({              selectedTab: 'redTab',              notifCount: this.state.notifCount + 1,
            });
          }}>
          {this._renderContent('#783E33', 'Red Tab')}
        
         {            this.setState({              selectedTab: 'greenTab',              presses: this.state.presses + 1
            });
          }}>
          {this._renderContent('#21551C', 'Green Tab')}
        
      
    );
  },
});var styles = StyleSheet.create({  tabContent: {    flex: 1,    alignItems: 'center',
  },  tabText: {    color: 'white',    margin: 50,
  },
});module.exports = TabBarExample;

网站题目:创新互联React教程:iOS选项卡
URL网址:http://www.shufengxianlan.com/qtweb/news18/191568.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联