-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.ios.js
50 lines (45 loc) · 1.38 KB
/
index.ios.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
import React, { Component } from 'react';
import { AppRegistry, TextInput, Button, requireNativeComponent, NativeModules, View } from 'react-native';
import SyncRegistry from './lib/SyncRegistry';
const WRNLabel = requireNativeComponent('WRNLabel', null);
const WRNTestRender = NativeModules.WRNTestRenderModule;
class App extends Component {
render() {
return (
<View style={{flex: 1, padding: 10, justifyContent: 'center', backgroundColor: '#F5FCFF'}}>
<Button
title="Render new SyncRootView from native"
onPress={this.onCreatePress.bind(this)}
/>
<Button
title="Update SyncRootView props from native"
onPress={this.onUpdatePress.bind(this)}
/>
</View>
);
}
onCreatePress() {
WRNTestRender.testCreate();
}
onUpdatePress() {
WRNTestRender.testUpdate();
}
}
AppRegistry.registerComponent('App', () => App);
class SyncExample extends Component {
render() {
return (
<View style={{padding: 10, width: 120, height: 80, backgroundColor: 'red'}}>
<WRNLabel
label={this.props.name}
style={{width: 100, height: 40, backgroundColor: 'yellow'}}
/>
<TextInput
editable={false}
value={this.props.greeting}
/>
</View>
);
}
}
SyncRegistry.registerComponent('SyncExample', () => SyncExample, ['name', 'greeting']);