-
-
Notifications
You must be signed in to change notification settings - Fork 173
Expand file tree
/
Copy pathdemo.tsx
More file actions
34 lines (31 loc) · 699 Bytes
/
demo.tsx
File metadata and controls
34 lines (31 loc) · 699 Bytes
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
import React from "react";
import { Text, Renderer, Window } from ".";
import { Button } from "./components/Button";
import { View } from "./components/View";
const App = () => {
return (
<Window styleSheet={styleSheet}>
<View id="container">
<View id="textContainer">
<Text>Hello</Text>
</View>
<View>
<Button text="Click me"></Button>
</View>
</View>
</Window>
);
};
const styleSheet = `
#container {
flex: 1;
min-height: '100%';
justify-content: 'center';
}
#textContainer {
flex-direction: 'row';
justify-content: 'space-around';
align-items: 'center';
}
`;
Renderer.render(<App />);