Skip to content

Commit 98d6a24

Browse files
agentmilinduagentmilindu
committed
Initial commit
0 parents  commit 98d6a24

File tree

28 files changed

+6717
-0
lines changed

28 files changed

+6717
-0
lines changed

‎.gitignore‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
# Xcode
2+
!**/*.xcodeproj
3+
!**/*.pbxproj
4+
!**/*.xcworkspacedata
5+
!**/*.xcsettings
6+
!**/*.xcscheme
7+
*.pbxuser
8+
!default.pbxuser
9+
*.mode1v3
10+
!default.mode1v3
11+
*.mode2v3
12+
!default.mode2v3
13+
*.perspectivev3
14+
!default.perspectivev3
15+
xcuserdata
16+
*.xccheckout
17+
*.moved-aside
18+
DerivedData
19+
*.hmap
20+
*.ipa
21+
*.xcuserstate
22+
project.xcworkspace
23+
24+
# Gradle
25+
/build/
26+
/RNTester/android/app/build/
27+
/RNTester/android/app/gradle/
28+
/RNTester/android/app/gradlew
29+
/RNTester/android/app/gradlew.bat
30+
/ReactAndroid/build/
31+
32+
# Buck
33+
.buckd
34+
buck-out
35+
/ReactAndroid/src/main/jni/prebuilt/lib/armeabi-v7a/
36+
/ReactAndroid/src/main/jni/prebuilt/lib/x86/
37+
/ReactAndroid/src/main/gen
38+
39+
# Android
40+
.idea
41+
.gradle
42+
local.properties
43+
*.iml
44+
/android/
45+
46+
# Node
47+
node_modules
48+
*.log
49+
.nvm
50+
51+
# OS X
52+
.DS_Store
53+
54+
# Test generated files
55+
/ReactAndroid/src/androidTest/assets/AndroidTestBundle.js
56+
*.js.meta
57+
58+
/coverage
59+
/third-party

‎App.js‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
import React, { Component } from 'react';
2+
import {
3+
AppRegistry,
4+
StyleSheet,
5+
Image,
6+
TextInput,
7+
View
8+
} from 'react-native';
9+
import { Container, Header, Title, Content, Card, CardItem, Left, Right, Thumbnail, Body, Text, Button, Icon } from 'native-base';
10+
import MainDrawer from './components/Drawer';
11+
12+
13+
export default class ReactNativeProject extends Component {
14+
render() {
15+
return (
16+
<Container>
17+
<Header>
18+
<Left>
19+
<Button transparent onPress={()=> console.log(MainDrawer)}>
20+
<Icon name='menu' />
21+
</Button>
22+
</Left>
23+
<Body>
24+
<Title>අන්තර්ජාල නැබ</Title>
25+
</Body>
26+
<Right />
27+
</Header>
28+
29+
<Content>
30+
31+
<Card>
32+
<CardItem bordered>
33+
<Left>
34+
<Thumbnail />
35+
<Body>
36+
<Text>දිවයින </Text>
37+
<Text note>Jun 27, 2017</Text>
38+
</Body>
39+
</Left>
40+
</CardItem>
41+
42+
<CardItem>
43+
<Body>
44+
<Image style={{ resizeMode: 'cover' }} source={require('./img/දිවයින.jpg')} />
45+
<Button transparent textStyle={{color: '#87838B'}}>
46+
<Text>1,926 views</Text>
47+
</Button>
48+
</Body>
49+
</CardItem>
50+
</Card>
51+
<Card>
52+
<CardItem bordered>
53+
<Left>
54+
<Thumbnail />
55+
<Body>
56+
<Text>ලංකාදීප</Text>
57+
<Text note>Jun 27, 2017</Text>
58+
</Body>
59+
</Left>
60+
</CardItem>
61+
62+
<CardItem>
63+
<Body>
64+
<Image style={{ resizeMode: 'cover' }} source={require('./img/ලංකාදීප.jpg')} />
65+
<Button transparent textStyle={{color: '#87838B'}}>
66+
<Text>1,926 views</Text>
67+
</Button>
68+
</Body>
69+
</CardItem>
70+
</Card>
71+
</Content>
72+
</Container>
73+
);
74+
}
75+
}

‎__tests__/index.android.js‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import 'react-native';
2+
import React from 'react';
3+
import Index from '../index.android.js';
4+
5+
// Note: test renderer must be required after react-native.
6+
import renderer from 'react-test-renderer';
7+
8+
it('renders correctly', () => {
9+
const tree = renderer.create(
10+
<Index />
11+
);
12+
});

‎__tests__/index.ios.js‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import 'react-native';
2+
import React from 'react';
3+
import Index from '../index.ios.js';
4+
5+
// Note: test renderer must be required after react-native.
6+
import renderer from 'react-test-renderer';
7+
8+
it('renders correctly', () => {
9+
const tree = renderer.create(
10+
<Index />
11+
);
12+
});

‎app.json‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
{
2+
"name": "ReactNativeProject",
3+
"displayName": "ReactNativeProject"
4+
}

‎components/Drawer.js‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
import React, { Component } from 'react';
2+
import { Drawer } from 'native-base';
3+
import SideBar from './SideBar';
4+
5+
export default class MainDrawer extends Component {
6+
7+
closeDrawer = () => {
8+
console.log("Open Drawer");
9+
};
10+
11+
openDrawer = () => {
12+
console.log("Open Drawer");
13+
};
14+
15+
render() {
16+
17+
return (
18+
<Drawer
19+
ref={(ref) => { this._drawer = ref; }}
20+
content={<SideBar navigator={this._navigator} />}
21+
onClose={() => this.closeDrawer()}
22+
>
23+
// Main View
24+
</Drawer>
25+
);
26+
}
27+
}

‎components/SideBar.js‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
import React, { Component } from 'react';
2+
import {
3+
AppRegistry,
4+
StyleSheet,
5+
Image,
6+
TextInput,
7+
View
8+
} from 'react-native';
9+
import { Container, Header, Title, Content, Card, CardItem, Left, Right, Thumbnail, Body, Text, Button, Icon } from 'native-base';
10+
11+
12+
export default class SideBar extends Component {
13+
render() {
14+
return (
15+
<Container>
16+
<Header>
17+
<Left>
18+
<Button transparent>
19+
<Icon name='menu' />
20+
</Button>
21+
</Left>
22+
<Body>
23+
<Title>Header</Title>
24+
</Body>
25+
<Right />
26+
</Header>
27+
28+
<Content>
29+
30+
</Content>
31+
</Container>
32+
);
33+
}
34+
}

‎img/card-showcase.jpg‎

23.9 KB
Loading

‎img/card-showcase.png‎

153 KB
Loading

‎img/දිවයින.jpg‎

20.6 KB
Loading

0 commit comments

Comments
 (0)