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

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

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

url = [NSURL URLWithString:@"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];
}

二. 用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,界面如下:




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值