小编Man*_*pta的帖子

从设备本地文件系统响应本机webview负载

我试图加载.html,.js,.css从设备的本地文件系统中的文件到本机作出反应的WebView组件.我能够获取index.html文件的路径,但将其指定为WebView 的url只会引发错误.我该怎么做?请帮忙!

webview react-native

18
推荐指数
4
解决办法
2万
查看次数

如何在React Native中禁用严格模式

我有一个外部JS文件,我想在我的React本机应用程序中作为模块导入.外部模块未处于严格模式.在运行应用程序时,模块将转换为严格模式,我收到错误,如下面的屏幕截图所示.

如何禁用位于目录中的模块的严格模式转换./lib/js/socialcalc.

我研究了以下链接:

我的外部JS文件:

var SocialCalc = require("./socialcalc/SocialCalc.js");

export function initializeApp(){
    alert("Initializing...");
}
Run Code Online (Sandbox Code Playgroud)

注意:SocialCalc.js是转换为严格模式时我想忽略的文件.

模拟器的屏幕截图

javascript react-native

9
推荐指数
0
解决办法
1707
查看次数

在React Native App的WebView中包含外部JavaScript文件

我试图在我的React Native项目的WebView中包含一个外部JavaScript文件。我希望包含的文件是第三方库,无法使用npm纯JavaScript编写(No ES5或更高版本)。我需要一种解决方案,用于将我的JS文件注入到React Native项目的WebView中,而无需将其导入或使其成为npm模块。

我尝试了以下方法,但目前没有任何效果:

这是我的外部AppGeneral.js

function AppGeneral(){
     alert("Ok");
}
var app = new AppGeneral();
Run Code Online (Sandbox Code Playgroud)

这是我的index.ios.js文件:

export default class sampleReactApp extends Component {
  render() {

    let HTML = `
    <html>
      <head>
        <script type="text/javascript" src="js/AppGeneral.js"></script>
      </head>
      <body>
        <div id="workbookControl"></div>
            <div id="tableeditor">editor goes here</div>
            <div id="msg" onclick="this.innerHTML='&nbsp;';"></div>
      </body>
    </html>
    `;

     let jsCode = `
     alert("Js");
    `;
    return (
        <View style={styles.container}>
            <WebView
                style={styles.webView}
                ref="myWebView"
                source={{ html: HTML }}
                injectedJavaScript={jsCode} …
Run Code Online (Sandbox Code Playgroud)

javascript react-native

6
推荐指数
2
解决办法
4793
查看次数

导入Ionic 2 rc中npm上不可用的第三方库

我有一个外部JS文件,其中包含一些方法和第三方库的集成。现在,我想将此JS文件作为模块包含在Ionic 2 rc构建项目中。我遵循的步骤如下:

  • declare module 'Appgeneral'; 在文件中 src/declarations.d.ts

  • 由于它是一个JS文件,因此<script>在中包含标记index.html

  • 在中创建对象home.tsvar appgeneral = new Appgeneral();

  • Appgeneral.js包含以下代码:

    function Appgeneral(){}
    Appgeneral.prototype.methodCall = function() {
            console.log("Done!");
            return true;
    };
    
    Run Code Online (Sandbox Code Playgroud)

home.ts使用新创建的对象时应该可以访问这些方法appgeneral。在beta.11版本中,它运行良好。但是,升级到rc build之后,我收到一条错误消息,指出无法解析该模块Appgeneral

另外,我将我转换Appgeneral.jsAppgeneral.ts导出整个类,如下所示:

module Appgeneral{
   export class Appgeneral{
     public methodCall() {
        console.log("Done!");
        return true;
     }
   }
}
Run Code Online (Sandbox Code Playgroud)

于是,我试图将其导入的home.ts如下:import { Appgeneral } from './src/ts/Appgeneral'。但是,错误仍然存​​在。

找不到名称“ Appgeneral”。L14:构造函数(公共navCtrl:NavController,L15:public appgeneral:Appgeneral){

第三方库提供的文档适用于上提供的外部库npm。但是,我想直接在应用程序中包含我的第三方库。

这是我的 ionic info

Cordova CLI: …
Run Code Online (Sandbox Code Playgroud)

typescript ionic2

5
推荐指数
0
解决办法
594
查看次数

如何使用sqlite数据库将数据从外部服务器(JSON)保存到离子2移动应用程序中

我所有的搜索发现对下面的代码离子1.帖子我能够使用this.corpguysng*For,并保存到本地存储.我想进一步获取我的应用程序并将其保存到sqlite表中corpguys.我不确定是否必须JSON.stringify(data)然后循环以将此数据插入到db中.我只是想知道是否有人见过离子2的例子

import {Page, Storage, SqlStorage} from 'ionic/ionic';
import {Http} from 'angular2/http';
import 'rxjs/add/operator/map';

@Page ({
  templateUrl: 'build/pages/remote/remote.html',
})

export class Remote {
    constructor(http: Http) {
        this.http = http;
        //this.corpguys = null;
        this.http.get('http://test.json')
            .map(res => res.json())
            .subscribe
            (data => {
                this.corpguys = data;

                //Loop through corpguys and asign varible names

                this.DataStorage = new Storage(SqlStorage);
                this.DataStorage.query("INSERT into corpguys (name, position, phone, cell, sms, email, other) VALUES ('namevalue', 'positionvalue', 'phonevalue', 'cellvalue', 'smsvalue', 'emailvalue', 'othervalue')");
            }, …
Run Code Online (Sandbox Code Playgroud)

sqlite json angularjs

1
推荐指数
1
解决办法
6091
查看次数