Multimedia-Vue

// https://github.com/vuejs/vue/blob/dev/src/core/vdom/vnode.js // https://reactnative.cn/docs/0.46/height-and-width.html // https://reactnative.cn/docs/0.46/colors.html // https://reactnative.cn/docs/0.46/text.html // https://reactnative.cn/docs/0.46/image.html // https://github.com/react-native-community/react-native-video // https://github.com/airbnb/react-native-maps // https://reactnative.cn/docs/0.46/webview.html // https://reactnative.cn/docs/0.46/asyncstorage.html // https://reactnative.cn/docs/0.46/cameraroll.html // https://reactnative.cn/docs/0.46/geolocation.html // https://reactnative.cn/docs/0.46/imageeditor.html // https://reactnative.cn/docs/0.46/netinfo.html // https://reactnative.cn/docs/0.46/vibration.html // https://github.com/realm/realm-js // https://github.com/itinance/react-native-fs // VNode结构部分参考Vue设计： { tag:””, data:{}, children:[{}], text:”文本等节点专用” } // 属性(data)部分仍参考ReactNative，weex的组件较少，文档也较少，可参考性不强

{
    "tag": "Multimedia",
    "data": {},
    "children": [{
            "tag": "Text",
            "data": {
                "numberOfLines": 3,
                "selectable": true,
                "style": {}
            },
            "text": "这是一段文本"
        },
        {
            "tag": "Image",
            "data": {
                "source": [{
                    "uri": "http://public.yitong.com/images/logo.jpg",
                    "width": 200,
                    "height": 100
                }, {
                    "uri": "http://public.yitong.com/images/logo_2x.jpg",
                    "width": 200,
                    "height": 400
                }],
                "resizeMode": null,
                "style": {}
            }
        },
        {
            "tag": "Video",
            "data": {
                "source": {
                    "uri": "http://media.yitong.com/jyt/help.mp4",
                    "type": "video/mp4",
                    "width": 1080,
                    "height": 640,
                    "duration": 30,
                    "length": 1024
                },
                "poster": {
                    "uri": "",
                    "width": 1080,
                    "height": 640
                },
                "rate": 1.0,
                "volume": 1.0,
                "muted": false,
                "paused": false,
                "resizeMode": "cover",
                "repeat": true,
                "playInBackground": true,
                "style": {}
            }
        },
        {
            "tag": "Audio",
            "data": {
                "source": {
                    "uri": "http://media.yitong.com/jyt/help.mp3",
                    "type": "audio/mpeg",
                    "duration": 60,
                    "length": 1024
                },
                "rate": 1.0,
                "volume": 1.0,
                "muted": false,
                "paused": false,
                "repeat": true,
                "playInBackground": true,
                "style": {}
            }
        },
        {
            "tag": "File",
            "data": {
                "source": {
                    "uri": "http://media.yitong.com/jyt/help.pdf",
                    "type": "application/pdf",
                    "length": 1024,
                    "filename": "测试.pdf"
                },
                "poster": {
                    "uri": "",
                    "width": 1080,
                    "height": 640
                }
            }
        },
        {
            "tag": "MapView.Marker",
            "data": {
                "title": "位置",
                "description": "**大厦",
                "coordinate": {
                    "provider": "baidu",
                    "latitude": 29.58,
                    "longitude": 113.41
                }
            }
        },
        {
            "tag": "WebView",
            "data": {
                "source": {
                    "uri": "http://www.yitong.com"
                }
            }
        },
        {
            "tag": "WebView",
            "data": {
                "source": {
                    "html": ""
                }
            }
        }
    ]
}