React Native学习笔记六:IOS从OC更换成SWIFT


React Native学习系列:
React Native学习笔记一:搭建开发环境
React Native学习笔记二:试水第一个项目
React Native学习笔记三:IDE的选择-VisualStudioCode
React Native学习笔记四:VSCode调试ReactNative项目
React Native学习笔记五:项目基本结构分析
React Native学习笔记六:IOS从OC更换成SWIFT
………………


  前一个笔记,对项目结构作了大概的分析,清楚了项目的目录文件结构。接着,我们就可以对结构的各个环节进行详细的分析啦。

一. 验证IOS工程的完整性

  对于做App Native 开发的你,肯定会立马注意到IOS和Android这两个目录了,他们是那么的熟悉和抢眼。

  打开这两个路径,你就会发现,他们分别是一个完整的IOS/Android项目工程,你完全可以用xcode/AndroidStudio来打开进行开发。

  由于我是在mac下安装的iOS开发环境,故在IOS目录下双击工程文件YangBoProject.xcodeproj,用Xcode打开项目,并且按下cmd+R,果然如我所说的,工程开发编译,没一会,模拟器就跑起来了。

屏幕快照 2019-03-07 下午6.03.13.png

在模拟器打开情况下,按下cmd+R,app也会刷新,按下cmd+D,命令菜单也弹了出来,一切正常。

好的,验证完毕,ios目录下的的工程是一个完整的可运行的Xcode项目工程。

二. 工程改造

  在Xcode上,你会发现发现 .m.h 的配套文件,这说明这个工程师用OC写的,OMG,对于我这种半路由Android转向IOS的C系语言的程序猿来说,OC的代码风格直接让我崩溃。

  想起当初,公司在Android开发基本成型了之后,准备着手IOS的开发,我们研究讨论了两三天,最终,还是觉定了选swift进行IOS开发。理由是:我们没有旧的OC项目需要维护,而且也无法接受OC那反人类的风格。

  由于历史的原因,让我萌生生了一个邪恶的念头,就是用Swift替代OC。

  或许这个是个非常麻烦和棘手的问题,但是,没做过怎么知道不行呢,年轻人就应该冲动,有想法就应该行动。(好吧,其实,是我觉得阅读OC代码非困难,迫不得已要这么做的。)

  首先我们队ios目录做一个备份,开发习惯,以备不时之需,改名为myios。

  选中YangBoProject文件夹右击选择New File

添加swift文件1

  选择IOS Table 下面的Swift File,点击next进入一下步

添加swift文件2

  修改文件名为AppDelegate.swift,并点击create创建文件。
  这时候会弹出一个 "create bridging header"的确认页面,做过IOS开发的童鞋应该都知道,Swift和OC混编是需要添加oc和swift桥接文件的,这里点击Create bridging header就好。

添加swift文件3

  操作完毕后,在项目里就多了两个文件,一个是我们添加的swift,另一个就是桥接文件(YangBoProject-Bridging-Header.h)了。
  如果在swift中要调用OC库,则需要把OC的头文件引入到桥接文件中。

添加swift文件4

  我们都知道OC的一个类分两部分组成:

.h 表示头文件,用来声明各种成员变量,方法,属性之类的。
.m 主要用来实现.h 里声明的方法。

  而swift则在一个 .swift 里统统搞定

  打开AppDelegate.h,我们会看到

#import <UIKit/UIKit.h>

@interface AppDelegate : UIResponder <UIApplicationDelegate>
@property (nonatomic, strong) UIWindow *window;

  第一行行是引入块,第二行定义类,第三行是定义变量,故,我们把AppDelegate翻译成如下:

import Foundation
import UIKit

@UIApplicationMain
public class AppDelegate: UIResponder, UIApplicationDelegate {
    var window: UIWindow?
}

  定义搞定,那,接下来就是实现了。

  打开AppDelegate.m

#import "AppDelegate.h"

#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    .........
    return YES;
}

  吐槽一句,OC语法风格果然反人类吧。

  在这里可以看到,import了React相关包,由于ReactNative相关依赖都是用OC写的,我们要中swift中使用的话,就需要在桥接文件(YangBoProject-Bridging-Header.h)中添加相应的import。

#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>

  这样,我们新添加的类AppDelegate就可以使用了。

  经过艰难的分析,这里的意思是,实现了UIApplication的application方法,还有附带特定参数 didFinishLaunchingWithOptions,故,我们在AppDelegate也是实现相关的方法。

public func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey : Any]? = nil) -> Bool {
    .........
    return true;
}

  然后,我们再里面的内容逐一翻译成swift,完成后,尝试删除AppDelegate.hAppDelegate.mmain.h, 然后清除项目,按下cmd+R,让项目重写编译并跑起来。
  如无意外,APP将会在模拟器中安装并打开。果然,一会APP就在模拟器中打开了,并且一起正常。

三. 结语

  正如上面所说,IOS/Android目录是完整的IOS/Android项目工程,你完全可以倒腾一下。
  对于iOS项目的调整,保留了原来项目的各种配置,我们所做的只是把OC的文件切换为swift,然后把OC翻译一下,就搞定了,没想象中麻烦,特别简单。
  没学过OC的童鞋,就可以用swift进行相关的开发。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,826评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,968评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,234评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,562评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,611评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,482评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,271评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,166评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,608评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,814评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,926评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,644评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,249评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,866评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,991评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,063评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,871评论 2 354

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,103评论 4 62
  • 8ff273959319阅读 495评论 7 4
  • 芹菜木耳鲜百合 材料: 鲜百合30g,胡萝卜少许,干木耳10g,芹菜150g,麻油、味全高鲜、盐适量 步 骤: 1...
    4b930517abd6阅读 235评论 0 0
  • Wayside grass, love the star, then your dreams will come ...
    我是呜呜阅读 298评论 0 1
  • 这几年冬天过的都不是很好。现在更是,一点没有心思想自己的事情和咳嗽,在医院随便找个空床板就能睡着,吃饭也是害怕自己...
    够乏味阅读 112评论 0 0