-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
121 lines (109 loc) · 3.38 KB
/
App.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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
/**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React, { Component } from 'react'
import { Platform, StyleSheet, Text, View } from 'react-native'
import JPushModule from 'jpush-react-native'
import Tts from 'react-native-tts'
const instructions = Platform.select({
ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',
android:
'Double tap R on your keyboard to reload,\n' +
'Shake or press menu button for dev menu'
})
const ttsOptions = Platform.select({
ios: { iosVoiceId: 'com.apple.ttsbundle.Moira-compact' },
android: {
androidParams: {
KEY_PARAM_PAN: -1,
KEY_PARAM_VOLUME: 0.5,
KEY_PARAM_STREAM: 'STREAM_MUSIC'
}
}
})
// prettier-ignore
type Props = {};
export default class App extends Component<Props> {
componentWillUnmount() {
JPushModule.removeReceiveCustomMsgListener()
JPushModule.removeReceiveNotificationListener()
}
componentDidMount() {
JPushModule.initPush()
Tts.getInitStatus().then(() => {
Tts.setDucking(true)
Tts.addEventListener('tts-start', event => console.log('start', event))
Tts.addEventListener('tts-finish', event => console.log('finish', event))
Tts.addEventListener('tts-cancel', event => console.log('cancel', event))
console.log('ttsOptions', ttsOptions)
Tts.speak('Hello, world!', ttsOptions)
})
if (Platform.OS === 'ios') {
// JPushModule.setBadge(0)
JPushModule.getBadge(console.log)
JPushModule.sendLocalNotification({
id: 1,
title: 'local notification',
content: 'test content',
extra: { key1: 'value1', key2: 'value2' },
fireTime: new Date().getTime() + 5000
})
} else {
JPushModule.notifyJSDidLoad(console.log)
JPushModule.sendLocalNotification({
buildId: 1,
id: 1,
title: 'local notification',
content: 'test content',
extra: { key1: 'value1', key2: 'value2' },
fireTime: new Date().getTime() + 5000
})
}
JPushModule.addReceiveOpenNotificationListener(map => {
console.log('Opening notification!')
//自定义点击通知后打开某个 Activity,比如跳转到 pushActivity
// this.props.navigator.jumpTo({name: "pushActivity"})
})
JPushModule.addReceiveNotificationListener(map => {
console.log('alertContent: ' + map.alertContent)
console.log('extras: ' + map.extras)
// var extra = JSON.parse(map.extras);
// console.log(extra.key + ": " + extra.value);
})
JPushModule.addReceiveCustomMsgListener(map => {
console.log('alertContent: ' + map.alertContent)
console.log('extras: ' + map.extras)
// var extra = JSON.parse(map.extras);
// console.log(extra.key + ": " + extra.value);
})
}
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>Welcome to React Native!</Text>
<Text style={styles.instructions}>To get started, edit App.js</Text>
<Text style={styles.instructions}>{instructions}</Text>
</View>
)
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF'
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10
},
instructions: {
textAlign: 'center',
color: '#333333',
marginBottom: 5
}
})