组件之ActivityIndicator、WebView

发表于 | 分类于 |

ActivityIndicator 组件

作用：

显示一个loading加载提示的符号。

属性：

  • animating bool

    是否要显示指示器。默认为true

  • color string

    滚轮的前景颜色（默认为灰色）

  • size enum(‘small’, ‘large’)

    指示器的大小。small的高度为20，large的高度为36.

例子

import React, { Component } from 'react';
import {
    ActivityIndicator
} from 'react-native';

export default class activityIndicator extends Component {
    render() {
        return (
            <ActivityIndicator
                style={{ marginTop: 100 }}
                color="green"
                size="large"
            />
        );
    }
}

alt

WebView 组件

作用

创建一个原生的WebView，可以用于访问一个网页。

用法

webView,网络视图可以在这个内部引入别的网页，使用source进入引入

例子

import React, { Component } from 'react';
import {
    WebView
} from 'react-native';

// 引入京东手机版
export default class WebViewCom extends React.Component {
    render() {
        return (
            <WebView
                source={{ url: 'http://m.jd.com' }}
            />
        );
    }
}

alt