Skip to content

Commit c3acaa6

Browse files
douglowderdouglowder
committed
Initial commit
0 parents  commit c3acaa6

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

59 files changed

+10031
-0
lines changed

‎.buckconfig

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
2+
[android]
3+
target = Google Inc.:Google APIs:23
4+
5+
[maven_repositories]
6+
central = https://repo1.maven.org/maven2

‎.eslintrc.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
module.exports = {
2+
root: true,
3+
extends: '@react-native-community',
4+
};

‎.flowconfig

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
[ignore]
2+
; We fork some components by platform
3+
.*/*[.]android.js
4+
5+
; Ignore "BUCK" generated dirs
6+
<PROJECT_ROOT>/\.buckd/
7+
8+
; Ignore polyfills
9+
node_modules/react-native/Libraries/polyfills/.*
10+
11+
; These should not be required directly
12+
; require from fbjs/lib instead: require('fbjs/lib/warning')
13+
node_modules/warning/.*
14+
15+
; Flow doesn't support platforms
16+
.*/Libraries/Utilities/LoadingView.js
17+
18+
[untyped]
19+
.*/node_modules/@react-native-community/cli/.*/.*
20+
21+
[include]
22+
23+
[libs]
24+
node_modules/react-native/Libraries/react-native/react-native-interface.js
25+
node_modules/react-native/flow/
26+
27+
[options]
28+
emoji=true
29+
30+
esproposal.optional_chaining=enable
31+
esproposal.nullish_coalescing=enable
32+
33+
module.file_ext=.js
34+
module.file_ext=.json
35+
module.file_ext=.ios.js
36+
37+
munge_underscores=true
38+
39+
module.name_mapper='^react-native$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/react-native/react-native-implementation'
40+
module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/node_modules/react-native/\1'
41+
module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/Image/RelativeImageStub'
42+
43+
suppress_type=$FlowIssue
44+
suppress_type=$FlowFixMe
45+
suppress_type=$FlowFixMeProps
46+
suppress_type=$FlowFixMeState
47+
48+
suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)
49+
suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)?:? #[0-9]+
50+
suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
51+
52+
[lints]
53+
sketchy-null-number=warn
54+
sketchy-null-mixed=warn
55+
sketchy-number=warn
56+
untyped-type-import=warn
57+
nonstrict-import=warn
58+
deprecated-type=warn
59+
unsafe-getters-setters=warn
60+
inexact-spread=warn
61+
unnecessary-invariant=warn
62+
signature-verification-failure=warn
63+
deprecated-utility=error
64+
65+
[strict]
66+
deprecated-type
67+
nonstrict-import
68+
sketchy-null
69+
unclear-type
70+
unsafe-getters-setters
71+
untyped-import
72+
untyped-type-import
73+
74+
[version]
75+
^0.107.0

‎.gitattributes

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
*.pbxproj -text

‎.gitignore

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
# OSX
2+
#
3+
.DS_Store
4+
5+
# Xcode
6+
#
7+
build/
8+
*.pbxuser
9+
!default.pbxuser
10+
*.mode1v3
11+
!default.mode1v3
12+
*.mode2v3
13+
!default.mode2v3
14+
*.perspectivev3
15+
!default.perspectivev3
16+
xcuserdata
17+
*.xccheckout
18+
*.moved-aside
19+
DerivedData
20+
*.hmap
21+
*.ipa
22+
*.xcuserstate
23+
24+
# Android/IntelliJ
25+
#
26+
build/
27+
.idea
28+
.gradle
29+
local.properties
30+
*.iml
31+
32+
# node.js
33+
#
34+
node_modules/
35+
npm-debug.log
36+
yarn-error.log
37+
38+
# BUCK
39+
buck-out/
40+
\.buckd/
41+
*.keystore
42+
!debug.keystore
43+
44+
# fastlane
45+
#
46+
# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
47+
# screenshots whenever they are needed.
48+
# For more information about the recommended setup visit:
49+
# https://docs.fastlane.tools/best-practices/source-control/
50+
51+
*/fastlane/report.xml
52+
*/fastlane/Preview.html
53+
*/fastlane/screenshots
54+
55+
# Bundle artifact
56+
*.jsbundle
57+
58+
# CocoaPods
59+
/ios/Pods/

‎.prettierrc.js

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
module.exports = {
2+
bracketSpacing: false,
3+
jsxBracketSameLine: true,
4+
singleQuote: true,
5+
trailingComma: 'all',
6+
};

‎.watchmanconfig

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{}

‎App.js

Lines changed: 130 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
1+
/*
2+
* @flow
3+
*/
4+
import * as React from 'react';
5+
import {
6+
TouchableOpacity,
7+
StyleSheet,
8+
View,
9+
Text,
10+
TVMenuControl,
11+
} from 'react-native';
12+
import {NavigationContainer} from '@react-navigation/native';
13+
import {createStackNavigator} from '@react-navigation/stack';
14+
15+
function Button({title, onPress, onFocus}) {
16+
return (
17+
<TouchableOpacity
18+
hasTVPreferredFocus={true}
19+
onPress={() => onPress()}
20+
onFocus={() => onFocus()}>
21+
<Text style={styles.button}>{title}</Text>
22+
</TouchableOpacity>
23+
);
24+
}
25+
26+
function HomeScreen({navigation}) {
27+
return (
28+
<View style={styles.container}>
29+
<Text style={styles.title}>Home Screen</Text>
30+
<Button
31+
onPress={() => navigation.navigate('Screen1')}
32+
onFocus={() => console.log('Focus: Home')}
33+
title="Go to Screen 1"
34+
/>
35+
</View>
36+
);
37+
}
38+
39+
function Screen({route, navigation}) {
40+
const index = parseInt(route.name.substring(6, 7), 10);
41+
React.useEffect(() => {
42+
TVMenuControl.enableTVMenuKey();
43+
return () => {
44+
if (index === 1) {
45+
TVMenuControl.disableTVMenuKey();
46+
}
47+
};
48+
});
49+
const nextIndex = index + 1;
50+
const buttonTitle = `Go to Screen ${nextIndex}`;
51+
return (
52+
<View style={styles.container}>
53+
<Text style={styles.title}>{`Screen ${index}`}</Text>
54+
<View style={styles.buttoncontainer}>
55+
<Button
56+
onPress={() => {}}
57+
onFocus={() => console.log(`Focus: ${route.name}, Button 1`)}
58+
title="Button 1"
59+
/>
60+
<Button
61+
onPress={() => {}}
62+
onFocus={() => console.log(`Focus: ${route.name}, Button 2`)}
63+
title="Button 2"
64+
/>
65+
<Button
66+
onPress={() => {}}
67+
onFocus={() => console.log(`Focus: ${route.name}, Button 3`)}
68+
title="Button 3"
69+
/>
70+
</View>
71+
{index < 3 ? (
72+
<Button
73+
onPress={() => navigation.navigate(`Screen${nextIndex}`)}
74+
onFocus={() =>
75+
console.log(`Focus: ${route.name}, ${index}, nav button`)
76+
}
77+
title={buttonTitle}
78+
/>
79+
) : null}
80+
</View>
81+
);
82+
}
83+
const Stack = createStackNavigator();
84+
85+
function App() {
86+
return (
87+
<NavigationContainer>
88+
<Stack.Navigator>
89+
<Stack.Screen name="Home" component={HomeScreen} />
90+
<Stack.Screen
91+
name="Screen1"
92+
component={Screen}
93+
options={{title: 'Screen 1'}}
94+
/>
95+
<Stack.Screen
96+
name="Screen2"
97+
component={Screen}
98+
options={{title: 'Screen 2'}}
99+
/>
100+
<Stack.Screen
101+
name="Screen3"
102+
component={Screen}
103+
options={{title: 'Screen 3'}}
104+
/>
105+
</Stack.Navigator>
106+
</NavigationContainer>
107+
);
108+
}
109+
110+
export default App;
111+
112+
const styles = StyleSheet.create({
113+
container: {
114+
flex: 1,
115+
alignItems: 'center',
116+
justifyContent: 'center',
117+
},
118+
title: {
119+
fontSize: 50,
120+
},
121+
button: {
122+
fontSize: 50,
123+
color: '#0000FF',
124+
margin: 50,
125+
},
126+
buttoncontainer: {
127+
flexDirection: 'row',
128+
margin: 100,
129+
},
130+
});

‎README.md

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
# ReactNavigationTVDemo
2+
3+
Demonstrates React Navigation running on Apple TV.
4+
5+
- Clone this repo
6+
- Change to the repo directory
7+
- `yarn`
8+
- `cd ios; pod install; cd ..`
9+
- `open ios/ReactNavigationTVDemo.xcworkspace`
10+
- Build the tvOS target
11+

‎__tests__/App-test.js

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

‎android/app/BUCK

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
# To learn about Buck see [Docs](https://buckbuild.com/).
2+
# To run your application with Buck:
3+
# - install Buck
4+
# - `npm start` - to start the packager
5+
# - `cd android`
6+
# - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"`
7+
# - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck
8+
# - `buck install -r android/app` - compile, install and run application
9+
#
10+
11+
load(":build_defs.bzl", "create_aar_targets", "create_jar_targets")
12+
13+
lib_deps = []
14+
15+
create_aar_targets(glob(["libs/*.aar"]))
16+
17+
create_jar_targets(glob(["libs/*.jar"]))
18+
19+
android_library(
20+
name = "all-libs",
21+
exported_deps = lib_deps,
22+
)
23+
24+
android_library(
25+
name = "app-code",
26+
srcs = glob([
27+
"src/main/java/**/*.java",
28+
]),
29+
deps = [
30+
":all-libs",
31+
":build_config",
32+
":res",
33+
],
34+
)
35+
36+
android_build_config(
37+
name = "build_config",
38+
package = "com.reactnavigationtvdemo",
39+
)
40+
41+
android_resource(
42+
name = "res",
43+
package = "com.reactnavigationtvdemo",
44+
res = "src/main/res",
45+
)
46+
47+
android_binary(
48+
name = "app",
49+
keystore = "//android/keystores:debug",
50+
manifest = "src/main/AndroidManifest.xml",
51+
package_type = "debug",
52+
deps = [
53+
":app-code",
54+
],
55+
)

0 commit comments

Comments
 (0)