React Native之创建iOS视图

React Native封装了一些常用的原生组件譬如ScrollView和TextInput,有的时候我还需要使用其他的原生组件譬如一些第三方组件或自己写的组件,而这些组件React Native是没有替我们封装好的,但是React Native提供了一套封装和植入原生组件的方案,这个方案非常简单。
步骤如下:

1.选择一个已有的原生视图,这里我在xcode里新建一个视图MyCustomView,在MyCustomView上加入一个label来标记这是自己创建的视图代码如下:
MyCustomView.h

#import <UIKit/UIKit.h>

@interface MyCustomView : UIScrollView

@end

MyCustomView.m

#import "MyCustomView.h"

@implementation MyCustomView
-(id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self!=nil) {
        UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 100, 50)];
        label.text = @"你好中国";
        [self addSubview:label];
        label.textColor = [UIColor blueColor];
    }
    return self;
}
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值