目前,由于我想构建一个离线图表应用程序,因此我正在构建一个需要使用本机webview的应用程序。目前,还没有编写任何用于react-native的库来创建图表。
为了创建图表,我开始制作一个WebView,因为已经有基于D3.js的库了,此Webview里面有一个模板HTML。
因此,我的思路是:创建一个Web视图,添加Graph所需的所有库,并在React-native中创建一个漂亮的图形。
它背后的想法是可行的,但是Graph是组件上的一个大斑点,并试图将其保存到另一个文件中。因此,我可以将其包含在1行中。
//import librarys for the html 'string'. import d3 from './librarys/d3' import c3 from './librarys/c3' import styleSheet from './librarys/c3css'
这些库连接到Webview。
像这样:
const HTML = `<html>
<head>
<title>Hello Static World</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=320, user-scalable=no">
<style type="text/css">
body {
margin: 0;
padding: 0;
font: 62.5% arial, sans-serif;
background: #ccc;
}
h1 {
padding: 45px;
margin: 0;
text-align: center;
color: #33f;
}
`+ { styleSheet }+ `
</style>`;
`
结果:除此部分外的所有html:+ {styleSheet} +``仍然是[Object object]而不是结果字符串。
无论如何,有没有适当地包含它?而不是接收Object对象。解析方法?
@Dan_abramov:“您不能“串联”导入。您需要一个捆绑器(如Browserify)来捆绑您的JS,然后将其包含在HTML中。”
资料来源:https : //twitter.com/dan_abramov/status/737283387128459264
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句