jQuery技术:如何在View上制作装载机中心

在一个显示该页面页面的视图中,我需要显示加载程序,但加载程序需要在中心显示它。

var LoaderPositionCenter = React.createClass({ render:function(){ return(  one one one one one one one one    textsds dsdsdsd   ) } }) 

在First View内容中,我需要将加载器作为中心显示如何使用flexbox

//新的一个

 var Example = React.createClass({ getInitialState:function(){ return {status:"button"} }, click:function(){ this.setState({status:"buttonText"}); }, render() { return (    {  {this.state.status}  } one one one one one one one one one one one one one one one one one one one one one one one one one one       ); } }); 

如何禁用内容视图,这意味着使用flexbox或其他位置:’绝对’视图

    您可以将外部容器设置为具有以下样式属性:

     flex: 1, alignItems: 'center', justifyContent: 'center' 

    我在这里设置了一个完整的项目,并粘贴了以下整个代码:

    需要了解更多jQuery教程分享如何在View上制作装载机中心,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

     'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, ActivityIndicatorIOS } = React; var SampleApp = React.createClass({ getInitialState: function(){ return { animating: true } }, render: function() { return (    ); } }); var styles = StyleSheet.create({ container: { flex: 1, alignItems: 'center', justifyContent: 'center', backgroundColor: '#ddd' }, }); AppRegistry.registerComponent('SampleApp', () => SampleApp); 

      以上就是jQuery教程分享如何在View上制作装载机中心相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/982335.html

      (0)
      上一篇 2021年12月13日
      下一篇 2021年12月13日

      精彩推荐