This repository has been archived by the owner on Feb 18, 2019. It is now read-only.
forked from facebook/react-native
-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request facebook#190 from vjeux/update12
Updates from Tue 24 Mar
- Loading branch information
Showing
38 changed files
with
837 additions
and
245 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,152 @@ | ||
| /** | ||
| * Copyright (c) 2015-present, Facebook, Inc. | ||
| * All rights reserved. | ||
| * | ||
| * This source code is licensed under the BSD-style license found in the | ||
| * LICENSE file in the root directory of this source tree. An additional grant | ||
| * of patent rights can be found in the PATENTS file in the same directory. | ||
| * | ||
| * @flow | ||
| */ | ||
| 'use strict'; | ||
|
|
||
| var React = require('react-native'); | ||
| var { | ||
| AlertIOS, | ||
| PushNotificationIOS, | ||
| StyleSheet, | ||
| Text, | ||
| TouchableHighlight, | ||
| View, | ||
| } = React; | ||
|
|
||
| var Button = React.createClass({ | ||
| render: function() { | ||
| return ( | ||
| <TouchableHighlight | ||
| underlayColor={'white'} | ||
| style={styles.button} | ||
| onPress={this.props.onPress}> | ||
| <Text style={styles.buttonLabel}> | ||
| {this.props.label} | ||
| </Text> | ||
| </TouchableHighlight> | ||
| ); | ||
| } | ||
| }); | ||
|
|
||
| class NotificationExample extends React.Component { | ||
| componentWillMount() { | ||
| PushNotificationIOS.addEventListener('notification', this._onNotification); | ||
| } | ||
|
|
||
| componentWillUnmount() { | ||
| PushNotificationIOS.removeEventListener('notification', this._onNotification); | ||
| } | ||
|
|
||
| render() { | ||
| return ( | ||
| <View> | ||
| <Button | ||
| onPress={this._sendNotification} | ||
| label="Send fake notification" | ||
| /> | ||
| </View> | ||
| ); | ||
| } | ||
|
|
||
| _sendNotification() { | ||
| require('RCTDeviceEventEmitter').emit('remoteNotificationReceived', { | ||
| aps: { | ||
| alert: 'Sample notification', | ||
| badge: '+1', | ||
| sound: 'default', | ||
| category: 'REACT_NATIVE' | ||
| }, | ||
| }); | ||
| } | ||
|
|
||
| _onNotification(notification) { | ||
| AlertIOS.alert( | ||
| 'Notification Received', | ||
| `Alert message: ${notification.getMessage()}`, | ||
| [{ | ||
| text: 'Dismiss', | ||
| onPress: null, | ||
| }] | ||
| ); | ||
| } | ||
| } | ||
|
|
||
| class NotificationPermissionExample extends React.Component { | ||
| constructor(props) { | ||
| super(props); | ||
| this.state = {permissions: null}; | ||
| } | ||
|
|
||
| render() { | ||
| return ( | ||
| <View> | ||
| <Button | ||
| onPress={this._showPermissions.bind(this)} | ||
| label="Show enabled permissions" | ||
| /> | ||
| <Text> | ||
| {JSON.stringify(this.state.permissions)} | ||
| </Text> | ||
| </View> | ||
| ); | ||
| } | ||
|
|
||
| _showPermissions() { | ||
| PushNotificationIOS.checkPermissions((permissions) => { | ||
| this.setState({permissions}); | ||
| }); | ||
| } | ||
| } | ||
|
|
||
| var styles = StyleSheet.create({ | ||
| button: { | ||
| padding: 10, | ||
| alignItems: 'center', | ||
| justifyContent: 'center', | ||
| }, | ||
| buttonLabel: { | ||
| color: 'blue', | ||
| }, | ||
| }); | ||
|
|
||
| exports.title = 'PushNotificationIOS'; | ||
| exports.description = 'Apple PushNotification and badge value'; | ||
| exports.examples = [ | ||
| { | ||
| title: 'Badge Number', | ||
| render(): React.Component { | ||
| PushNotificationIOS.requestPermissions(); | ||
|
|
||
| return ( | ||
| <View> | ||
| <Button | ||
| onPress={() => PushNotificationIOS.setApplicationIconBadgeNumber(42)} | ||
| label="Set app's icon badge to 42" | ||
| /> | ||
| <Button | ||
| onPress={() => PushNotificationIOS.setApplicationIconBadgeNumber(0)} | ||
| label="Clear app's icon badge" | ||
| /> | ||
| </View> | ||
| ); | ||
| }, | ||
| }, | ||
| { | ||
| title: 'Push Notifications', | ||
| render(): React.Component { | ||
| return <NotificationExample />; | ||
| } | ||
| }, | ||
| { | ||
| title: 'Notifications Permissions', | ||
| render(): React.Component { | ||
| return <NotificationPermissionExample />; | ||
| } | ||
| }]; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
Oops, something went wrong.