在一个显示该页面页面的视图中,我需要显示加载程序,但加载程序需要在中心显示它。
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