小工具      在线工具  汉语词典  dos游戏  css  js  c++  java

IOS中引入Weex,并通过URL进行UI渲染

React Native&Weex 额外说明

收录于:52天前

一. 直接用官方的WeexDemo,然后找到WeexSDK管理器这个类,写入URL既可以,如下:

// 需要渲染的UI界面的URL。注意这里的URL后缀是.js

网址 = [NSURL 带字符串的 URL:@"http://10.50.62.53:9999/wxTest/index.js"];


@implementation WeexSDKManager

+ (void)setup;
{
    NSURL *url = nil;
 #if DEBUG
     //If you are debugging in device , please change the host to current IP of your computer.
     url = [NSURL URLWithString:BUNDLE_URL];
 #else
     url = [NSURL URLWithString:BUNDLE_URL];
 #endif
     NSString * entryURL = [[NSBundle mainBundle] objectForInfoDictionaryKey:@"WXEntryBundleURL"];
     if (entryURL) {
         if ([entryURL hasPrefix:@"http"]) {
             url = [NSURL URLWithString:entryURL];
         } else {
             url = [NSURL URLWithString:[NSString stringWithFormat:@"%@%@",[[NSBundle bundleForClass:self] resourceURL].absoluteString, entryURL]];
         }
     }
    
 #ifdef UITEST
     url = [NSURL URLWithString:UITEST_HOME_URL];
 #endif
    // 需要渲染的UI界面URL
    url = [NSURL URLWithString:@"http://10.50.62.53:9999/wxTest/index.js"];
//    url = [NSURL URLWithString:@"http://10.50.62.53:9999/myHelp/index.js"];
    [self initWeexSDK];
    [self loadCustomContainWithScannerWithUrl:url];
}

2.使用rax编写weex接口,如下

import { createElement, Component } from 'rax';
import View from 'rax-view';
import Text from 'rax-text';
import Button from 'rax-button';
import styles from './app.css';

class APP extends Component {
  constructor(props) {
    super(props);
    this.state = {
      timesPressed1: 0,
      list: [],
    };
  }
  componentDidMount() {
    // alert('请求错误'); // eslint-disable-line
  }

  handlePress1 = () => {
    this.setState({
      timesPressed1: this.state.timesPressed1 + 1,
    });
    alert('弹框测试!!!'); // eslint-disable-line
  };

  render() {
    let textLog1 = '';
    if (this.state.timesPressed1 > 1) {
      textLog1 = `${this.state.timesPressed1}'x onPress'`;
    } else if (this.state.timesPressed1 > 0) {
      textLog1 = 'onPress';
    }

    return (
      <View style={styles.body}>
        <Text>weexTest</Text>
        <View style={styles.container}>
          <Text>默认展现</Text>
          <Button onPress={this.handlePress1}>Button</Button>
          <View style={styles.logBox}>
            <Text>
              {textLog1}
            </Text>
          </View>
        </View>
      </View>
    );
  }
}

export default APP;
三. 项目跑起来,Xcode--Command+R,界面如下:




. . .

相关推荐

额外说明

23设计模式之 --------- 工厂模式

工厂模式 -1.工厂模式简介 1.1简单工厂模式: 1.2工厂方法模式 1.3 抽象工厂模式 1.4 总结 -1.工厂模式简介 有三种工厂的模式: 1.1简单工厂模式: 常见常见消费者需要什么就去new 什么: 简单工厂模式实现了不需要直接new而是直接

额外说明

Vue项目实战——实现一个任务清单【基于 Vue3.x 全家桶(简易版)】

Vue3.x 项目实战(一) 内容 参考链接 Vue2.x全家桶 Vue2.x 全家桶参考链接 Vue2.x项目(一) Vue2.x 实现一个任务清单 Vue2.x项目(二) Vue2.x 实现GitHub搜索案例 Vue3.x项目(三) Vue3.x

额外说明

万字超详细的Java图书管理系统

-”生命中的每个人都是一个故事,而每个故事都值得被讲述“- -作者:不能再留遗憾了- -专栏:Java学习- -该文章主要内容:用Java实现简单的图书管理系统 文章目录 前言 基本思路 书和书架 书Book类 书架BookList类 用户身份User

额外说明

C++程序设计:最大的子序列价值之和

题目描述 给定一个长度为n的整数数列a1,a2,…,an,将这个数列分成若干段连续子序列,并且使得这些连续子序列的价值之和最大。 我们定义一个连续子序列的价值为:这个子序列中最大值与最小值的差。 输入格式 第一行包括一个整数n,代表数列长度。 第二行n个

额外说明

openstack对接ceph

环境信息 官方参考: https://docs.ceph.com/docs/master/rbd/rbd-openstack/ https://docs.openstack.org/kolla-ansible/train/reference/storag

额外说明

【PAT乙级】1006 换个格式输出整数

目录 一、题目 二、我的AC代码 一、题目 1006 换个格式输出整数 (15分)   让我们用字母 B 来表示“百”、字母 S 表示“十”,用 12...n 来表示不为零的个位数字 n ( < 10 ) (<10) (<10),换个格式来输出任一个不超

额外说明

C++ 派生类和基类的赋值兼容性原则

#include <iostream> using namespace std; /* 派生类和基类的赋值兼容性原则: * 子类和父类的赋值兼容性原则: * 1,子类对象可以当作父类对象使用 * 2,子类对象可以直接赋值对父类对象 * 3,子类对象可以

额外说明

MMPose代码学习——笔记2

文章目录 摘要 什么是人体姿态估计 3D 姿态估计 人体参数化模型 下游任务 2D姿态估计 多人姿态估计:自顶向下方法 基于回归的自顶向下方法 基于热力图的自顶向下方法 多人姿态估计:自底向上方法 单阶段方法 基于Transformer的方法 小结 3D

额外说明

八、Django的组件

8.1、中间件 中间件顾名思义,是介于request与response处理之间的一道处理过程,相对比较轻量级,并且在全局上改变django的输入与输出。因为改变的是全局,所以需要谨慎实用,用不好会影响到性能。 Django的中间件的定义: Middlew

额外说明

Tomcat【部署 01】安装包版本说明+安装+参数配置+启动(JDK11+最新版apache-tomcat-10.0.12)

本文的安装文件是从官网下载的最新版apache-tomcat-10.0.12.tar.gz以下内容均以此版本进行说明 1. 安装包下载 安装包可以去 Tomcat官网 进行下载。 [root@aliyun ~]# java -version openjd

ads via 小工具