通过state来更改数据-创新互联

1.样式文件style.js

创新互联建站专注于企业营销型网站建设、网站重做改版、灵武网站定制设计、自适应品牌网站建设、HTML5、商城开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为灵武等各大城市提供网站开发制作服务。

代码如下：

import {

StyleSheet,

} from 'react-native';

export let styles = StyleSheet.create({

blinkText: {

fontSize: 20

},

});

截图如下：

2.业务文件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.运行代码截图：

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。

网站题目：通过state来更改数据-创新互联
URL标题：https://www.cdcxhl.com/article48/dodchp.html

成都网站建设公司_创新互联，为您提供外贸建站、商城网站、云服务器、标签优化、面包屑导航、网站建设

广告

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