1.樣式文件style.js

創(chuàng)新互聯(lián)建站專注于企業(yè)營銷型網(wǎng)站建設、網(wǎng)站重做改版、靈武網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、HTML5、商城開發(fā)、集團公司官網(wǎng)建設、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為靈武等各大城市提供網(wǎng)站開發(fā)制作服務。

代碼如下：

import {

StyleSheet,

} from 'react-native';

export let styles = StyleSheet.create({

blinkText: {

fontSize: 20

},

});

截圖如下：

2.業(yè)務文件App.js

代碼如下：

import React, {

  Component

} from 'react';

import {

  View,

  Text,

  AppRegistry

} from 'react-native';

// 加載樣式文件

import {

  styles

} from './static/style/style';

class Blink extends Component {

  constructor(props) {

    super(props);

    this.state = {

      isShowingText: true

    };

    setInterval(() => {

      this.setState(previousState => {

        return {

          isShowingText: !previousState.isShowingText

        };

      });

    }, 1000);

  }

  render() {

    if (!this.state.isShowingText) {

      return null;

    };

    return (

      <Text style={styles.blinkText}>{this.props.text}</Text>

    );

  }

}

export default class BlinkApp extends Component {

  render() {

    return (

      <View>

        <Blink text='first blink' />

        <Blink text='second blink' />

      </View>

    );

  }

}

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

截圖如下：

3.運行代碼截圖：

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡助力業(yè)務部署。公司持有工信部辦法的idc、isp許可證， 機房獨有T級流量清洗系統(tǒng)配攻擊溯源，準確進行流量調度，確保服務器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務器買多久送多久。

網(wǎng)站題目：通過state來更改數(shù)據(jù)-創(chuàng)新互聯(lián)
URL標題：http://www.chinadenli.net/article48/dodchp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、商城網(wǎng)站、云服務器、標簽優(yōu)化、面包屑導航、網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)