zoukankan      html  css  js  c++  java
  • react native中使用 react-native-easy-toast 和react-native-htmlview

    第一步,下载依赖

    npm install react-native-htmlview --save
    
    npm install react-native-easy-toast --save

    第二步,引入

    import Toast, {DURATION} from 'react-native-easy-toast'
    import HTMLView from 'react-native-htmlview';

    第三步,使用

    export default class App extends Component{
        render(){
            const htmlContent = `<p><a href="https://www.cnblogs.com/ldlx-mars/p/9360650.html">火星黑洞</a></p>`;
            return(
                <View>
                    <Text onPress={()=>{this.refs.toast.show('hello world!',500)}}>我是首页</Text>
                    <Toast ref="toast" position='center' opacity={.8}/>
                    <HTMLView
                        value={htmlContent}
                        stylesheet={styles}
                    />
                </View>
            )
        }
    }

    然后执行项目

    完整代码是,app.js

    import React, { Component } from 'react';
    import {  StyleSheet,View,Text } from 'react-native';
    import Toast, {DURATION} from 'react-native-easy-toast'
    import HTMLView from 'react-native-htmlview';
    export default class App extends Component{
        render(){
            const htmlContent = `<p><a href="https://www.cnblogs.com/ldlx-mars/p/9360650.html">火星黑洞</a></p>`;
            return(
                <View>
                    <Text onPress={()=>{this.refs.toast.show('hello world!',500)}}>我是首页</Text>
                    <Toast ref="toast" position='center' opacity={.8}/>
                    <HTMLView
                        value={htmlContent}
                        stylesheet={styles}
                    />
                </View>
            )
        }
    }
    
    const styles = StyleSheet.create({
        a: {
          fontWeight: '300',
          color: '#FF3366',
        },
    });
  • 相关阅读:
    摄影/秋日花展(二)
    cordova android
    Java Web Services (2)
    7、索引
    洛谷——P1164 小A点菜
    洛谷——P1616 疯狂的采药
    洛谷——P1910 L国的战斗之间谍
    洛谷——P1095 守望者的逃离
    codevs——T1169 传纸条
    计算机硬件历史
  • 原文地址:https://www.cnblogs.com/ldlx-mars/p/9361006.html
Copyright © 2011-2022 走看看