├── .gitignore
├── AppTest.js
├── CustomChildComponent.js
├── LICENSE
├── MessageBar.js
├── MessageBarManager.js
├── README.md
├── android
├── MessageBar.iml
├── app
│ ├── app.iml
│ ├── build.gradle
│ ├── proguard-rules.pro
│ ├── react.gradle
│ └── src
│ │ └── main
│ │ ├── AndroidManifest.xml
│ │ ├── java
│ │ └── com
│ │ │ └── messagebar
│ │ │ └── MainActivity.java
│ │ └── res
│ │ ├── mipmap-hdpi
│ │ └── ic_launcher.png
│ │ ├── mipmap-mdpi
│ │ └── ic_launcher.png
│ │ ├── mipmap-xhdpi
│ │ └── ic_launcher.png
│ │ ├── mipmap-xxhdpi
│ │ └── ic_launcher.png
│ │ └── values
│ │ ├── strings.xml
│ │ └── styles.xml
├── build.gradle
├── gradle.properties
├── gradle
│ └── wrapper
│ │ ├── gradle-wrapper.jar
│ │ └── gradle-wrapper.properties
├── gradlew
├── gradlew.bat
├── local.properties
└── settings.gradle
├── index.android.js
├── index.ios.js
├── index.js
├── ios
├── MessageBar.xcodeproj
│ ├── project.pbxproj
│ ├── project.xcworkspace
│ │ ├── contents.xcworkspacedata
│ │ └── xcuserdata
│ │ │ └── kevin.xcuserdatad
│ │ │ └── UserInterfaceState.xcuserstate
│ ├── xcshareddata
│ │ └── xcschemes
│ │ │ └── MessageBar.xcscheme
│ └── xcuserdata
│ │ └── kevin.xcuserdatad
│ │ └── xcschemes
│ │ └── xcschememanagement.plist
├── MessageBar
│ ├── AppDelegate.h
│ ├── AppDelegate.m
│ ├── Base.lproj
│ │ └── LaunchScreen.xib
│ ├── Images.xcassets
│ │ └── AppIcon.appiconset
│ │ │ └── Contents.json
│ ├── Info.plist
│ └── main.m
└── MessageBarTests
│ ├── Info.plist
│ └── MessageBarTests.m
└── package.json
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | .gradle
3 | android/.idea
4 | build/
--------------------------------------------------------------------------------
/AppTest.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Name: MessageBar Test Project
3 | * Description: A Project to test the Message Bar Component
4 | * https://github.com/KBLNY/react-native-message-bar
5 | */
6 | 'use strict';
7 |
8 | var MessageBarAlert = require('./MessageBar.js');
9 | var MessageBarManager = require('./MessageBarManager.js');
10 | var CustomChildComponent = require('./CustomChildComponent.js');
11 |
12 | import React, {Component} from 'react'
13 | import {
14 | AppRegistry,
15 | StyleSheet,
16 | Text,
17 | View,
18 | TouchableOpacity,
19 | } from 'react-native';
20 |
21 |
22 | class MessageBar extends Component {
23 |
24 | constructor(props) {
25 | super(props)
26 |
27 | this.state = {
28 | callbackButton: 'Show Alert with Avatar and Callback (Error Type)',
29 | }
30 | }
31 |
32 |
33 | componentDidMount() {
34 | // Register the alert located on this master page
35 | MessageBarManager.registerMessageBar(this.refs.alert);
36 | }
37 |
38 |
39 | componentWillUnmount() {
40 | // Remove the alert located on this master page from te manager
41 | MessageBarManager.unregisterMessageBar();
42 | }
43 |
44 |
45 | showSimpleAlert() {
46 | // Title or Message is at least Mandatory
47 | // alertType is not Mandatory, but if no alertType provided, 'info' (blue color) will picked for you
48 |
49 | // Simple show the alert with the manager
50 | MessageBarManager.showAlert({
51 | message: "This is a simple alert",
52 | alertType: 'success'
53 | });
54 | }
55 |
56 | showSimpleAlertMessage() {
57 |
58 | // Simple show the alert with the manager
59 | MessageBarManager.showAlert({
60 | message: "This is a simple alert with a message.",
61 | alertType: 'extra',
62 | animationType: 'SlideFromLeft',
63 | position: 'bottom',
64 | });
65 | }
66 |
67 | showSimpleAlertWithMessage() {
68 | // Simple show the alert with the manager
69 | MessageBarManager.showAlert({
70 | title: "Caution !",
71 | message: "This is a simple alert with a title and a message",
72 | alertType: 'warning',
73 | });
74 | }
75 |
76 | showAlertWithAvatar() {
77 | // Simple show the alert with the manager
78 | MessageBarManager.showAlert({
79 | title: "John Doe",
80 | message: "Hello, how are you?",
81 | avatar: "https://image.freepik.com/free-icon/super-simple-avatar_318-1018.jpg",
82 | alertType: 'info',
83 | });
84 | }
85 |
86 | showAlertWithCallback() {
87 | // Simple show the alert with the manager
88 | MessageBarManager.showAlert({
89 | title: "This is an alert with a callback function",
90 | message: "Tap on the alert to execute the callback you passed in parameter",
91 | avatar: "http://www.icon100.com/up/4250/128/83-circle-error.png", // eg. for remote image file, use the following avatar: require('./image.jpg'),
92 | alertType: 'error',
93 | duration: 5000,
94 | onTapped: this.customCallback.bind(this),
95 | });
96 | }
97 |
98 | showAlertFromThrowError() {
99 | try {
100 | // Do something risky
101 | throw new Error("This is a custom error message.\rThis message is shown from a throw new Error.\rYou can use this technique to catch any error in try/catch block or in promises.");
102 | } catch(error) {
103 | this.handleError(error);
104 | }
105 | }
106 |
107 | handleError(error) {
108 | MessageBarManager.showAlert({
109 | title: "Error",
110 | message: error.message,
111 | alertType: 'error',
112 | messageNumberOfLines: 0,
113 | });
114 | }
115 |
116 | customCallback() {
117 | console.log('Alert Tapped. Triggered as a callback');
118 |
119 | this.setState({
120 | callbackButton: 'Alert Tapped. Triggered as a callback',
121 | });
122 | }
123 |
124 |
125 | hideCurrentAlert() {
126 | // Hide the current alert bar
127 | MessageBarManager.hideAlert();
128 | }
129 |
130 |
131 | alertShow() {
132 | console.log('Alert is shown. Triggered as a callback');
133 | }
134 |
135 | alertHide() {
136 | console.log('Alert is now hidden. Triggered as a callback');
137 | }
138 |
139 | render() {
140 | return (
141 |
142 |
143 | {
144 | // Otherwise, You can directly declare a MessageBar alert with its properties and display it by using its reference this.refs.alert.showMessageBarAlert()
145 |
146 | //
193 | }
194 |
195 | {this.showSimpleAlert()}}>
196 | Show Simple Alert, title only (Success Type)
197 |
198 |
199 | {this.showSimpleAlertMessage()}}>
200 | Show Simple Alert, message only (Extra StyleSheet Type)
201 |
202 |
203 | {this.showSimpleAlertWithMessage()}}>
204 | Show Simple Alert with Message (Warning Type)
205 |
206 |
207 | {this.showAlertWithAvatar()}}>
208 | Show Alert with Avatar (Info Type)
209 |
210 |
211 | {this.showAlertWithCallback()}}>
212 | {this.state.callbackButton}
213 |
214 |
215 | {this.showAlertFromThrowError()}}>
216 | Show Alert from throw Error
217 |
218 |
219 |
220 |
221 | {this.hideCurrentAlert()}}>
222 | Hide Current Alert
223 |
224 |
225 |
226 |
227 | );
228 | }
229 | }
230 |
231 | module.exports = MessageBar;
232 |
233 | const styles = StyleSheet.create({
234 | container: {
235 | flex: 1,
236 | justifyContent: 'center',
237 | alignItems: 'center',
238 | backgroundColor: '#F5FCFF',
239 | },
240 | welcome: {
241 | fontSize: 20,
242 | textAlign: 'center',
243 | margin: 10,
244 | },
245 | instructions: {
246 | textAlign: 'center',
247 | color: '#333333',
248 | marginBottom: 5,
249 | },
250 | buttonContainer: {
251 | alignSelf:'stretch',
252 | },
253 | button: {
254 | alignSelf: 'stretch',
255 | textAlign: 'center',
256 | backgroundColor: 'blue',
257 | color: 'white',
258 | padding: 10,
259 | margin: 10,
260 | }
261 | });
262 |
--------------------------------------------------------------------------------
/CustomChildComponent.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Name: MessageBar Test Project
3 | * Description: A Project to test the Message Bar Component
4 | * https://github.com/KBLNY/react-native-message-bar
5 | */
6 | 'use strict';
7 |
8 | var MessageBarManager = require('./MessageBarManager.js');
9 |
10 | import React, {Component} from 'react'
11 | import {
12 | AppRegistry,
13 | StyleSheet,
14 | Text,
15 | View,
16 | TouchableOpacity,
17 | } from 'react-native';
18 |
19 |
20 | class CustomChildComponent extends Component {
21 |
22 | constructor(props) {
23 | super(props)
24 | }
25 |
26 |
27 | showAlertMessage() {
28 | // Show the current alert, which is mounted in the Parent's page by calling
29 | // the classic method showCurrentAlert(state) where state is the new state of the message bar alert
30 |
31 | // Declare the new state of the parent's message bar alert
32 | MessageBarManager.showAlert({
33 | title: 'Alert triggered from child component',
34 | message: "You can show an alert which is located on its parent's page. You can then declare only one MessageBar. This is useful to fix absolute position in child component",
35 | avatar: null,
36 | alertType: 'success',
37 | });
38 | }
39 |
40 |
41 | render() {
42 | return (
43 |
44 |
45 | This is a child component. Tap the button below to display its parent s alert message bar
46 |
47 |
48 |
49 | Show Alert from a Child Component
50 |
51 |
52 |
53 | );
54 | }
55 | }
56 |
57 | module.exports = CustomChildComponent;
58 |
59 | const styles = StyleSheet.create({
60 | container: {
61 | justifyContent: 'center',
62 | alignItems: 'center',
63 | borderColor: 'black',
64 | borderWidth: 1,
65 | },
66 | welcome: {
67 | textAlign: 'center',
68 | margin: 10,
69 | },
70 | buttonContainer: {
71 | },
72 | button: {
73 | textAlign: 'center',
74 | backgroundColor: 'lightgray',
75 | color: 'white',
76 | padding: 10,
77 | margin: 10,
78 | }
79 | });
80 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2016 KBLNY
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/MessageBar.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Name: MessageBar
3 | * Description: A Message Bar Component displayed at the top of screen
4 | * https://github.com/KBLNY/react-native-message-bar
5 | */
6 | 'use strict';
7 |
8 | import React, {Component} from 'react'
9 | import {
10 | AppRegistry,
11 | StyleSheet,
12 | Text,
13 | View,
14 | TouchableOpacity,
15 | Animated,
16 | Dimensions,
17 | Image,
18 | } from 'react-native';
19 |
20 | let windowWidth = Dimensions.get('window').width
21 | let windowHeight = Dimensions.get('window').height
22 |
23 |
24 | class MessageBar extends Component {
25 |
26 | constructor(props) {
27 | super(props)
28 |
29 | this.animatedValue = new Animated.Value(0);
30 | this.notifyAlertHiddenCallback = null;
31 | this.alertShown = false;
32 | this.timeoutHide = null;
33 |
34 | this.state = this.getStateByProps(props);
35 | }
36 |
37 | componentWillReceiveProps(nextProps) {
38 | this.setNewState(nextProps);
39 | }
40 |
41 | setNewState(state) {
42 | // Set the new state, this is triggered when the props of this MessageBar changed
43 | this.setState(this.getStateByProps(state));
44 |
45 | // Apply the colors of the alert depending on its alertType
46 | this._applyAlertStylesheet(state.alertType);
47 |
48 | // Override the opposition style position regarding the state position in order to have the alert sticks that position
49 | this._changeOffsetByPosition(state.position);
50 | }
51 |
52 | getStateByProps(props) {
53 | return {
54 | // Default values, will be overridden
55 | backgroundColor: '#007bff', // default value : blue
56 | strokeColor: '#006acd', // default value : blue
57 | animationTypeTransform: 'SlideFromTop', // default value
58 |
59 | /* Cusomisation of the alert: Title, Message, Icon URL, Alert alertType (error, success, warning, info), Duration for Alert keep shown */
60 | title: props.title,
61 | message: props.message,
62 | avatar: props.avatar,
63 | alertType: props.alertType || 'info',
64 | duration: props.duration || 3000,
65 |
66 | /* Hide setters */
67 | shouldHideAfterDelay: (props.shouldHideAfterDelay == undefined) ? true : props.shouldHideAfterDelay,
68 | shouldHideOnTap: (props.shouldHideOnTap == undefined) ? true : props.shouldHideOnTap,
69 |
70 | /* Callbacks method on Alert Tapped, on Alert Show, on Alert Hide */
71 | onTapped: props.onTapped,
72 | onShow: props.onShow,
73 | onHide: props.onHide,
74 |
75 | /* Stylesheets */
76 | stylesheetInfo: props.stylesheetInfo || { backgroundColor: '#007bff', strokeColor: '#006acd' }, // Default are blue colors
77 | stylesheetSuccess: props.stylesheetSuccess || { backgroundColor: 'darkgreen', strokeColor: '#b40000' }, // Default are Green colors
78 | stylesheetWarning: props.stylesheetWarning || { backgroundColor: '#ff9c00', strokeColor: '#f29400' }, // Default are orange colors
79 | stylesheetError: props.stylesheetError || { backgroundColor: '#ff3232', strokeColor: '#FF0000' }, // Default are red colors
80 | stylesheetExtra: props.stylesheetExtra || { backgroundColor: '#007bff', strokeColor: '#006acd' }, // Default are blue colors, same as info
81 |
82 | /* Duration of the animation */
83 | durationToShow: props.durationToShow || 350,
84 | durationToHide: props.durationToHide || 350,
85 |
86 | /* Offset of the View, useful if you have a navigation bar or if you want the alert be shown below another component instead of the top of the screen */
87 | viewTopOffset: props.viewTopOffset || 0,
88 | viewBottomOffset: props.viewBottomOffset || 0,
89 | viewLeftOffset: props.viewLeftOffset || 0,
90 | viewRightOffset: props.viewRightOffset || 0,
91 |
92 | /* Inset of the view, useful if you want to apply a padding at your alert content */
93 | viewTopInset: props.viewTopInset || 0,
94 | viewBottomInset: props.viewBottomInset || 0,
95 | viewLeftInset: props.viewLeftInset || 0,
96 | viewRightInset: props.viewRightInset || 0,
97 |
98 | /* Number of Lines for Title and Message */
99 | titleNumberOfLines: (props.titleNumberOfLines == undefined) ? 1 : props.titleNumberOfLines,
100 | messageNumberOfLines: (props.messageNumberOfLines == undefined) ? 2 : props.messageNumberOfLines,
101 |
102 | /* Style for the text elements and the avatar */
103 | titleStyle: props.titleStyle || { color: 'white', fontSize: 18, fontWeight: 'bold' },
104 | messageStyle: props.messageStyle || { color: 'white', fontSize: 16 },
105 | avatarStyle: props.avatarStyle || { height: 40, width: 40, borderRadius: 20 },
106 |
107 | /* Position of the alert and Animation Type the alert is shown */
108 | position: props.position || 'top',
109 | animationType: props.animationType,
110 | };
111 | }
112 |
113 |
114 | /*
115 | * Show the alert
116 | */
117 | showMessageBarAlert() {
118 | // If an alert is already shonw or doesn't have a title or a message, do nothing
119 | if (this.alertShown || (this.state.title == null && this.state.message == null)) {
120 | return;
121 | }
122 |
123 | // Set the data of the alert in the state
124 | this.alertShown = true;
125 |
126 | // Display the alert by animating it from the top of the screen
127 | // Auto-Hide it after a delay set in the state
128 | Animated.timing(this.animatedValue, {
129 | toValue: 1,
130 | duration: this.state.durationToShow
131 | }).start(this._showMessageBarAlertComplete());
132 | }
133 |
134 |
135 | /*
136 | * Hide the alert after a delay, typically used for auto-hidding
137 | */
138 | _showMessageBarAlertComplete() {
139 | // Execute onShow callback if any
140 | this._onShow();
141 |
142 | // If the duration is null, do not hide the
143 | if (this.state.shouldHideAfterDelay) {
144 | this.timeoutHide = setTimeout(() => {
145 | this.hideMessageBarAlert();
146 | }, this.state.duration);
147 | }
148 | }
149 |
150 |
151 | /*
152 | * Return true if the MessageBar is currently displayed, otherwise false
153 | */
154 | isMessageBarShown() {
155 | return this.alertShown;
156 | }
157 |
158 |
159 | /*
160 | * Hide the alert, typically used when user tap the alert
161 | */
162 | hideMessageBarAlert() {
163 | // Hide the alert after a delay set in the state only if the alert is still visible
164 | if (!this.alertShown) {
165 | return;
166 | }
167 |
168 | clearTimeout(this.timeoutHide);
169 |
170 | // Animate the alert to hide it to the top of the screen
171 | Animated.timing(this.animatedValue, {
172 | toValue: 0,
173 | duration: this.state.durationToHide
174 | }).start(this._hideMessageBarAlertComplete());
175 | }
176 |
177 |
178 | _hideMessageBarAlertComplete() {
179 | // The alert is not shown anymore
180 | this.alertShown = false;
181 |
182 | this._notifyAlertHidden();
183 |
184 | // Execute onHide callback if any
185 | this._onHide();
186 | }
187 |
188 | /*
189 | * Callback executed to tell the observer the alert is hidden
190 | */
191 | _notifyAlertHidden() {
192 | if (this.notifyAlertHiddenCallback) {
193 | this.notifyAlertHiddenCallback();
194 | }
195 | }
196 |
197 |
198 | /*
199 | * Callback executed when the user tap the alert
200 | */
201 | _alertTapped() {
202 | // Hide the alert
203 | if (this.state.shouldHideOnTap) {
204 | this.hideMessageBarAlert();
205 | }
206 |
207 | // Execute the callback passed in parameter
208 | if (this.state.onTapped) {
209 | this.state.onTapped();
210 | }
211 | }
212 |
213 |
214 | /*
215 | * Callback executed when alert is shown
216 | */
217 | _onShow() {
218 | if (this.state.onShow) {
219 | this.state.onShow();
220 | }
221 | }
222 |
223 |
224 | /*
225 | * Callback executed when alert is hidden
226 | */
227 | _onHide() {
228 | if (this.state.onHide) {
229 | this.state.onHide();
230 | }
231 | }
232 |
233 |
234 | /*
235 | * Change the background color and the line stroke color depending on the alertType
236 | * If the alertType is not recognized, the 'info' one (blue colors) is selected for you
237 | */
238 | _applyAlertStylesheet(alertType) {
239 | // Set the Background color and the line stroke color of the alert depending on its alertType
240 | // Set to blue-info if no alertType or if the alertType is not recognized
241 |
242 | let backgroundColor;
243 | let strokeColor;
244 |
245 | switch (alertType) {
246 | case 'success':
247 | backgroundColor = this.state.stylesheetSuccess.backgroundColor;
248 | strokeColor = this.state.stylesheetSuccess.strokeColor;
249 | break;
250 | case 'error':
251 | backgroundColor = this.state.stylesheetError.backgroundColor;
252 | strokeColor = this.state.stylesheetError.strokeColor;
253 | break;
254 | case 'warning':
255 | backgroundColor = this.state.stylesheetWarning.backgroundColor;
256 | strokeColor = this.state.stylesheetWarning.strokeColor;
257 | break;
258 | case 'info':
259 | backgroundColor = this.state.stylesheetInfo.backgroundColor;
260 | strokeColor = this.state.stylesheetInfo.strokeColor;
261 | break;
262 | default:
263 | backgroundColor = this.state.stylesheetExtra.backgroundColor;
264 | strokeColor = this.state.stylesheetExtra.strokeColor;
265 | break;
266 | }
267 |
268 | this.setState({
269 | backgroundColor: backgroundColor,
270 | strokeColor: strokeColor
271 | });
272 | }
273 |
274 |
275 | /*
276 | * Change viewOffset property depending on the state position
277 | */
278 | _changeOffsetByPosition(position) {
279 | switch (position) {
280 | case 'top':
281 | this.setState({
282 | viewBottomOffset: null
283 | });
284 | break;
285 | case 'bottom':
286 | this.setState({
287 | viewTopOffset: null
288 | });
289 | break;
290 | default:
291 | this.setState({
292 | viewBottomOffset: null
293 | });
294 | break;
295 | }
296 | }
297 |
298 |
299 | /*
300 | * Set the animation transformation depending on the chosen animationType, or depending on the state's position if animationType is not overridden
301 | */
302 | _apllyAnimationTypeTransformation() {
303 | let position = this.state.position;
304 | let animationType = this.state.animationType;
305 |
306 | if (animationType === undefined) {
307 | if (position === 'bottom') {
308 | animationType = 'SlideFromBottom';
309 | } else {
310 | // Top by default
311 | animationType = 'SlideFromTop';
312 | }
313 | }
314 |
315 | switch (animationType) {
316 | case 'SlideFromTop':
317 | var animationY = this.animatedValue.interpolate({
318 | inputRange: [0, 1],
319 | outputRange: [-windowHeight, 0]
320 | });
321 | this.animationTypeTransform = [{ translateY: animationY }];
322 | break;
323 | case 'SlideFromBottom':
324 | var animationY = this.animatedValue.interpolate({
325 | inputRange: [0, 1],
326 | outputRange: [windowHeight, 0]
327 | });
328 | this.animationTypeTransform = [{ translateY: animationY }];
329 | break;
330 | case 'SlideFromLeft':
331 | var animationX = this.animatedValue.interpolate({
332 | inputRange: [0, 1],
333 | outputRange: [-windowWidth, 0]
334 | });
335 | this.animationTypeTransform = [{ translateX: animationX }];
336 | break;
337 | case 'SlideFromRight':
338 | var animationX = this.animatedValue.interpolate({
339 | inputRange: [0, 1],
340 | outputRange: [windowWidth, 0]
341 | });
342 | this.animationTypeTransform = [{ translateX: animationX }];
343 | break;
344 | default:
345 | var animationY = this.animatedValue.interpolate({
346 | inputRange: [0, 1],
347 | outputRange: [-windowHeight, 0]
348 | });
349 | this.animationTypeTransform = [{ translateY: animationY }];
350 | break;
351 | }
352 | }
353 |
354 |
355 | /*
356 | * Alert Rendering Methods
357 | */
358 |
359 | render() {
360 | // Set the animation transformation depending on the chosen animationType, or depending on the state's position if animationType is not overridden
361 | this._apllyAnimationTypeTransformation();
362 |
363 | return (
364 |
365 | {this._alertTapped()}} style={{ flex: 1 }}>
366 |
367 | { this.renderImage() }
368 |
369 | { this.renderTitle() }
370 | { this.renderMessage() }
371 |
372 |
373 |
374 |
375 | );
376 | }
377 |
378 | renderImage() {
379 | if (this.state.avatar != null) {
380 | var imageSource;
381 | let uri = this.state.avatar;
382 | if (!!(typeof uri === 'string' && uri.match(/^https?:/))) {
383 | // this is a network file
384 | imageSource = { uri: this.state.avatar }
385 | } else {
386 | // this is a local file : require('')
387 | imageSource = this.state.avatar
388 | }
389 |
390 | return (
391 |
392 | );
393 | }
394 | }
395 |
396 | renderTitle() {
397 | if (this.state.title != null) {
398 | return (
399 |
400 | { this.state.title }
401 |
402 | );
403 | }
404 | }
405 |
406 | renderMessage() {
407 | if (this.state.message != null) {
408 | return (
409 |
410 | { this.state.message }
411 |
412 | );
413 | }
414 | }
415 |
416 | }
417 |
418 |
419 | module.exports = MessageBar;
420 |
--------------------------------------------------------------------------------
/MessageBarManager.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Name: Message Bar Manager
3 | * Description: A manager to show/hide and handle a queue of alerts
4 | * https://github.com/KBLNY/react-native-message-bar
5 | */
6 | "use strict";
7 |
8 | module.exports = {
9 | _currentMessageBarAlert: null,
10 | _messageAlerts: new Array(),
11 |
12 | setCurrentMessageBarAlert(alert) {
13 | console.warn("This method is deprecated, please use registerMessageBar instead.");
14 | this.registerMessageBar(alert);
15 | },
16 |
17 | removeCurrentMessageBarAlert() {
18 | console.warn("This method is deprecated, please use registerMessageBar instead.");
19 | this.unregisterMessageBar();
20 | },
21 |
22 | registerMessageBar(messageBar) {
23 | this._currentMessageBarAlert = messageBar;
24 | },
25 |
26 | unregisterMessageBar() {
27 | this._currentMessageBarAlert = null;
28 | },
29 |
30 |
31 | showCurrentAlert(newState = null) {
32 | console.warn("This method is deprecated, please use showAlert instead.");
33 | this.showAlert(newState);
34 | },
35 |
36 | showAlert(newState = null) {
37 | if (this._currentMessageBarAlert === null) {
38 | return;
39 | }
40 |
41 | // Hide the current alert
42 | this.hideAlert();
43 |
44 | // Get the current alert's duration to hide
45 | var durationToHide = this._currentMessageBarAlert.state.durationToHide;
46 |
47 | setTimeout(() => {
48 | // Show the new alert if there is a new state, otherwise
49 | if (newState != null) {
50 | // Clear current state
51 | this._currentMessageBarAlert.setNewState({});
52 |
53 | this._currentMessageBarAlert.setNewState(newState);
54 |
55 | this._currentMessageBarAlert.notifyAlertHiddenCallback = null;
56 |
57 | setTimeout(() => {
58 | this._currentMessageBarAlert.showMessageBarAlert();
59 | }, 100);
60 | }
61 | }, durationToHide);
62 | },
63 |
64 |
65 | hideAlert() {
66 | if (this._currentMessageBarAlert !== null) {
67 | this._currentMessageBarAlert.hideMessageBarAlert();
68 | }
69 | },
70 |
71 | };
72 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # react-native-message-bar
2 |
3 | 
4 | [](https://www.codacy.com/app/ktgr45/react-native-message-bar?utm_source=github.com&utm_medium=referral&utm_content=KBLNY/react-native-message-bar&utm_campaign=Badge_Grade)
5 |  
6 | [](https://npmjs.org/package/react-native-message-bar "View this project on npm")
7 |
8 | A message bar notification component displayed at the top of the screen for React Native (Android and iOS) projects.
9 |
10 | 
11 |
12 |
13 | ## Content
14 | - [Features](#features)
15 | - [Installation](#installation)
16 | - [Basic Usage](#basic-usage)
17 | - [Hide the Message Bar Alert](#hide-the-message-bar-alert)
18 | - [Customize Alert Type](#customize-alert-type)
19 | - [Customize Alert Content](#customize-alert-content)
20 | - [Customize View Layout](#customize-view-layout)
21 | - [Customize Position and Animation, Twitter Style!](#customize-position-and-animation-twitter-style)
22 | - [Properties](#properties)
23 | - [Contributing](#contributing)
24 | - [TODOS](#todos)
25 | - [Apps using this library](#apps-using-this-library)
26 | - [License](#license)
27 |
28 |
29 | ## Features
30 | - Android and iOS capable
31 | - Animated alert with Title, Message and Icon/Avatar (from a local or a remote image file)
32 | - Top or Bottom display
33 | - 4 Slides Animation Types (Alert is shown from top, from bottom, from left or from right)
34 | - Auto-hide after x seconds (customizable and/or can be disabled)
35 | - Auto-hide current alert to display a newer one, if context requires to do so
36 | - Support hide on tap (can be disabled)
37 | - 4 pre-configured customizable styles + 1 extra
38 | - Customizable texts, styles, durations, positions and animation
39 | - Callbacks on alert show, hide and tap
40 | - Orientation supported
41 | - Children component support Show/Hide alert
42 |
43 |
44 | ## Installation
45 | Make sure that you are in your React Native project directory and run:
46 | ```batch
47 | $ npm install react-native-message-bar --save
48 | ```
49 |
50 |
51 | ## Basic Usage
52 | - 1. Import the `react-native-message-bar` package
53 | ```javascript
54 | var MessageBarAlert = require('react-native-message-bar').MessageBar;
55 | var MessageBarManager = require('react-native-message-bar').MessageBarManager;
56 | ```
57 |
58 | - 2. Add the `MessageBarAlert` to your render function
59 | Note: Add it at the very end of your render function, the alert will then be displayed over any component of the view
60 | ```javascript
61 | // Within your render function.
62 | // Include the MessageBar once within your top View element
63 | // Make sure you add the MessageBar at the very bottom of your master component, then it will be displayed over all other components
64 |
65 | ```
66 |
67 | - 3. Register and Release your Message Bar as the current main alert
68 | ```javascript
69 | componentDidMount() {
70 | // Register the alert located on this master page
71 | // This MessageBar will be accessible from the current (same) component, and from its child component
72 | // The MessageBar is then declared only once, in your main component.
73 | MessageBarManager.registerMessageBar(this.refs.alert);
74 | }
75 |
76 | componentWillUnmount() {
77 | // Remove the alert located on this master page from the manager
78 | MessageBarManager.unregisterMessageBar();
79 | }
80 | ```
81 |
82 | - 4. Display the Message Bar Alert on demand
83 | ```javascript
84 | // Call this method after registering your MessageBar as the current alert
85 | // By calling this method the registered alert will be displayed
86 | // This is useful to show the alert from your current page or a child component
87 | MessageBarManager.showAlert({
88 | title: 'Your alert title goes here',
89 | message: 'Your alert message goes here',
90 | alertType: 'success',
91 | // See Properties section for full customization
92 | // Or check `index.ios.js` or `index.android.js` for a complete example
93 | });
94 | ```
95 | Please note, if you do not provide a `alertType`, the `info` one will be chosen for you.
96 |
97 | The normal `duration` of the notification is 3 seconds (3000 ms), you can override it. After this time, the notification is going to be hidden
98 |
99 |
100 | See a full Example in `index.ios.js` or `index.android.js`.
101 |
102 |
103 | ## Hide the Message Bar Alert
104 | ```javascript
105 | // You can force the current alert to be hidden through the Manager
106 | MessageBarManager.hideAlert();
107 | ```
108 |
109 |
110 | ## Customize Alert Type
111 | The Message Bar Alert comes with 4 pre-configured alert style and 1 undefined extra.
112 | These alert styles defined the background color of the alert and the line stroke color.
113 | The 4 pre-configured alert styles are:
114 | - `info` defined blue colors
115 | - `success` defined green colors
116 | - `warning` defined orange colors
117 | - `error` defined red colors
118 |
119 | The `extra` alert type allows you to use another 5th type.
120 |
121 | ```javascript
122 | MessageBarManager.showAlert({
123 | ...
124 |
125 | alertType: 'info', // Alert Type: you can select one of 'success', 'error', 'warning', 'error', or 'custom' (use custom if you use a 5th stylesheet, all are customizable). Default is 'info'
126 |
127 | /* Customize the stylesheets and/or provide an additional one 'extra' */
128 | stylesheetInfo : {{ backgroundColor : '#007bff', strokeColor : '#006acd' }}, // Default are blue colors
129 | stylesheetSuccess : {{ backgroundColor : 'darkgreen', strokeColor : '#b40000' }}, // Default are Green colors
130 | stylesheetWarning : {{ backgroundColor : '#ff9c00', strokeColor : '#f29400' }}, // Default are orange colors
131 | stylesheetError : {{ backgroundColor : '#ff3232', strokeColor : '#FF0000' }}, // Default are red colors
132 | stylesheetExtra : {{ backgroundColor : 'black', strokeColor : 'gray' }}, // Default are blue colors, same as info
133 |
134 | ...
135 | });
136 | ```
137 |
138 |
139 | ## Customize Alert Content
140 | You can customize the style of the Title, Message and Icon/Avatar.
141 | ```javascript
142 | MessageBarManager.showAlert({
143 | ...
144 |
145 | title: "John Doe", // Title of the alert
146 | message: "Hello, any suggestions?", // Message of the alert
147 | avatar: "') of your icon/avatar>", // Avatar/Icon of the alert or enter require('LOCALPATH') for local image
148 |
149 | /* Number of Lines for Title and Message */
150 | titleNumberOfLines: 1,
151 | messageNumberOfLines: 0, // Unlimited number of lines
152 |
153 | /* Style for the text elements and the */
154 | titleStyle: {{ color: 'white', fontSize: 18, fontWeight: 'bold' }},
155 | messageStyle: {{ color: 'white', fontSize: 16 }},
156 | avatarStyle: {{ height: 40, width: 40, borderRadius: 20 }},
157 |
158 | ...
159 | });
160 | ```
161 |
162 |
163 | ## Customize Message Bar Alert Layout
164 | You can customize the inset (padding) and the offset of the alert.
165 | ```javascript
166 | MessageBarManager.showAlert({
167 | ...
168 |
169 | /* Offset of the View, useful if you have a navigation bar or if you want the alert be shown below another component instead of the top of the screen */
170 | viewTopOffset : 0, // Default is 0
171 | viewLeftOffset : 0, // Default is 0
172 | viewRightOffset : 0, // Default is 0
173 |
174 | /* Inset of the view, useful if you want to apply a padding at your alert content */
175 | viewTopInset : 15, // Default is 0
176 | viewLeftInset : 0, // Default is 0
177 | viewRightInset : 0, // Default is 0
178 |
179 | ...
180 | });
181 | ```
182 |
183 |
184 | ## Customize Position and Animation, Twitter Style!
185 | You can choose the position (`top`or `bottom`) of the alert.
186 | You can choose the way the alert is shown (`SlideFromTop`, `SlideFromBottom`, `SlideFromLeft` or `SlideFromRight`).
187 | ```javascript
188 | MessageBarManager.showAlert({
189 | ...
190 |
191 | /* Position of the alert and Animation Type the alert is shown */
192 | position: 'bottom',
193 | animationType: 'SlideFromLeft',
194 |
195 | ...
196 | });
197 | ```
198 |
199 |
200 | ## Properties
201 | Prop | Type | Default | Description
202 | --------------------- | -------- | -------------------- | -----------
203 | title | String | | Title of the alert
204 | message | String | | Message of the alert
205 | avatar | String | | Avatar/Icon source/URL of the alert. Use for a remote image file (eg `avatar: 'http://mywebsite.com/myimage.jpg'`) or use `avatar: require('')` for a remote image file
206 | alertType | String | info | Alert Type: you can select one of 'success', 'error', 'warning', 'error', or 'custom' (use custom if you use a 5th stylesheet, all are customizable).
207 | duration | Number | 3000 | Number of ms the alert is displayed
208 | shouldHideAfterDelay | Bool | true | Tell the MessageBar whether or not it should hide after a delay defined in the `duration` property. If `false`, the MessageBar remain shown
209 | shouldHideOnTap | Bool | true | Tell the MessageBar whether or not it should hide or not when the user tap the alert. If `false`, the MessageBar will not hide, but the `onTapped` function is triggered, if defined. In addition, if `false`, the `onHide` function will not be triggered. The property `shouldHideAfterDelay` take precedence over `shouldHideOnTap`. That means if `shouldHideAfterDelay` is `false`, the value of `shouldHideOnTap` is not taken into account, since the MessageBar will not ever be hidden
210 | onTapped | Function | | Callback function after alert is tapped
211 | onShow | Function | | Callback function after alert is shown
212 | onHide | Function | | Callback function after alert is hidden
213 | stylesheetInfo | Object | { backgroundColor: '#007bff', strokeColor: '#006acd' } | Background color and line stroke colors of the alert when alertType is equals to `info`
214 | stylesheetSuccess | Object | { backgroundColor: 'darkgreen', strokeColor: '#b40000' } | Background color and line stroke colors of the alert when alertType is equals to `success`
215 | stylesheetWarning | Object | { backgroundColor: '#ff9c00', strokeColor: '#f29400' } | Background color and line stroke colors of the alert when alertType is equals to `warning`
216 | stylesheetError | Object | { backgroundColor: '#ff3232', strokeColor: '#FF0000' } | Background color and line stroke colors of the alert when alertType is equals to `error`
217 | stylesheetExtra | Object | { backgroundColor: '#007bff', strokeColor: '#006acd' } | Background color and line stroke colors of the alert when alertType is equals to `extra`
218 | durationToShow | Number | 350 | Duration of the animation to completely show the alert
219 | durationToHide | Number | 350 | Duration of the animation to completely hide the alert
220 | viewTopOffset | Number | 0 | Offset of the view from the top. That means the alert touch the top edge of the screen.
221 | viewBottomOffset | Number | 0 | Offset of the view from the bottom. That means the alert touch the bottom edge of the screen
222 | viewLeftOffset | Number | 0 | Offset of the view from the left. That means the alert touch the left edge of the screen
223 | viewRightOffset | Number | 0 | Offset of the view from the right. That means the alert touch the right edge of the screen
224 | viewTopInset | Number | 0 | Padding Top of the view
225 | viewBottomInset | Number | 0 | Padding Bottom of the view
226 | viewLeftInset | Number | 0 | Padding Left of the view
227 | viewRightInset | Number | 0 | Padding Right of the view
228 | titleNumberOfLines | Number | 1 | Number of lines of the title. `0` means unlimited
229 | messageNumberOfLines | Number | 2 | Number of lines of the message. `0` means unlimited
230 | avatarStyle | Style | { height: 40, width: 40, borderRadius: 20, alignSelf: 'center' } | Style of the icon/avatar
231 | titleStyle | Style | { color: 'white', fontSize: 18, fontWeight: 'bold' } | Style of the title
232 | messageStyle | Style | { color: 'white', fontSize: 16 } | Style of the message
233 | position | String | top | Define the position of the alert, can be `top` or `right`
234 | animationType | String | SlideFromTop | Define the way the alert is animated on the view, can be `SlideFromTop`, `SlideFromBottom`, `SlideFromLeft` or `SlideFromRight`. If no value is specified, the animation type is selected for you based on the `position`; `SlideFromTop` if `position` is equal to `top`, `SlideFromBottom` if `position` is equal to `bottom`. The alert will then be smoothly displayed
235 |
236 |
237 | ## Contributing
238 | 1. Fork this Repo first
239 | 2. Clone your Repo
240 | 3. Install dependencies by $ npm install
241 | 4. Checkout a feature branch
242 | 5. Feel free to add your features
243 | 6. Make sure your features are fully tested
244 | 7. Publish your local branch, Open a pull request
245 | 8. Enjoy hacking <3
246 |
247 |
248 | ## TODOS
249 | - [ ] Add Alert Queuing System
250 | - [x] Add Bottom Position
251 | - [x] Add Slide Animations Type (Slide from Top, Bottom, Left, Right)
252 | - [ ] Add Other Animations Type (Fade-in, Elastic, etc.)
253 | - [ ] Add customizable Animation (inject your configuration)
254 | - [ ] Anything that can help to improve :) Thanks for contributions
255 |
256 |
257 | ## Apps using this library
258 | - Your App here...
259 |
260 |
261 | ---
262 |
263 | ## License
264 | `React-Native-Message-Bar` is released under MIT License. See `LICENSE` for details.
265 |
266 | >**Copyright © 2016 KBLNY.**
267 |
268 | *Please provide attribution, it is greatly appreciated.*
269 |
--------------------------------------------------------------------------------
/android/MessageBar.iml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/android/app/app.iml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 | generateDebugSources
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 |
122 |
123 |
124 |
125 |
126 |
127 |
128 |
129 |
130 |
131 |
132 |
133 |
134 |
135 |
136 |
137 |
--------------------------------------------------------------------------------
/android/app/build.gradle:
--------------------------------------------------------------------------------
1 | apply plugin: "com.android.application"
2 |
3 | import com.android.build.OutputFile
4 |
5 | /**
6 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
7 | * and bundleReleaseJsAndAssets).
8 | * These basically call `react-native bundle` with the correct arguments during the Android build
9 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the
10 | * bundle directly from the development server. Below you can see all the possible configurations
11 | * and their defaults. If you decide to add a configuration block, make sure to add it before the
12 | * `apply from: "react.gradle"` line.
13 | *
14 | * project.ext.react = [
15 | * // the name of the generated asset file containing your JS bundle
16 | * bundleAssetName: "index.android.bundle",
17 | *
18 | * // the entry file for bundle generation
19 | * entryFile: "index.android.js",
20 | *
21 | * // whether to bundle JS and assets in debug mode
22 | * bundleInDebug: false,
23 | *
24 | * // whether to bundle JS and assets in release mode
25 | * bundleInRelease: true,
26 | *
27 | * // whether to bundle JS and assets in another build variant (if configured).
28 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants
29 | * // The configuration property can be in the following formats
30 | * // 'bundleIn${productFlavor}${buildType}'
31 | * // 'bundleIn${buildType}'
32 | * // bundleInFreeDebug: true,
33 | * // bundleInPaidRelease: true,
34 | * // bundleInBeta: true,
35 | *
36 | * // the root of your project, i.e. where "package.json" lives
37 | * root: "../../",
38 | *
39 | * // where to put the JS bundle asset in debug mode
40 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug",
41 | *
42 | * // where to put the JS bundle asset in release mode
43 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release",
44 | *
45 | * // where to put drawable resources / React Native assets, e.g. the ones you use via
46 | * // require('./image.png')), in debug mode
47 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug",
48 | *
49 | * // where to put drawable resources / React Native assets, e.g. the ones you use via
50 | * // require('./image.png')), in release mode
51 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release",
52 | *
53 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means
54 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to
55 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle
56 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/
57 | * // for example, you might want to remove it from here.
58 | * inputExcludes: ["android/**", "ios/**"]
59 | * ]
60 | */
61 |
62 | apply from: "react.gradle"
63 |
64 | /**
65 | * Set this to true to create two separate APKs instead of one:
66 | * - An APK that only works on ARM devices
67 | * - An APK that only works on x86 devices
68 | * The advantage is the size of the APK is reduced by about 4MB.
69 | * Upload all the APKs to the Play Store and people will download
70 | * the correct one based on the CPU architecture of their device.
71 | */
72 | def enableSeparateBuildPerCPUArchitecture = false
73 |
74 | /**
75 | * Run Proguard to shrink the Java bytecode in release builds.
76 | */
77 | def enableProguardInReleaseBuilds = false
78 |
79 | android {
80 | compileSdkVersion 23
81 | buildToolsVersion "23.0.2"
82 |
83 | defaultConfig {
84 | applicationId "com.messagebar"
85 | minSdkVersion 16
86 | targetSdkVersion 23
87 | versionCode 1
88 | versionName "1.0"
89 | ndk {
90 | abiFilters "armeabi-v7a", "x86"
91 | }
92 | }
93 | splits {
94 | abi {
95 | reset()
96 | enable enableSeparateBuildPerCPUArchitecture
97 | universalApk false // If true, also generate a universal APK
98 | include "armeabi-v7a", "x86"
99 | }
100 | }
101 | buildTypes {
102 | release {
103 | minifyEnabled enableProguardInReleaseBuilds
104 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
105 | }
106 | }
107 | // applicationVariants are e.g. debug, release
108 | applicationVariants.all { variant ->
109 | variant.outputs.each { output ->
110 | // For each separate APK per architecture, set a unique version code as described here:
111 | // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits
112 | def versionCodes = ["armeabi-v7a":1, "x86":2]
113 | def abi = output.getFilter(OutputFile.ABI)
114 | if (abi != null) { // null for the universal-debug, universal-release variants
115 | output.versionCodeOverride =
116 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
117 | }
118 | }
119 | }
120 | }
121 |
122 | dependencies {
123 | compile fileTree(dir: "libs", include: ["*.jar"])
124 | compile "com.android.support:appcompat-v7:23.4.0"
125 | compile "com.facebook.react:react-native:+" // From node_modules
126 | }
127 |
--------------------------------------------------------------------------------
/android/app/proguard-rules.pro:
--------------------------------------------------------------------------------
1 | # Add project specific ProGuard rules here.
2 | # By default, the flags in this file are appended to flags specified
3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
4 | # You can edit the include path and order by changing the proguardFiles
5 | # directive in build.gradle.
6 | #
7 | # For more details, see
8 | # http://developer.android.com/guide/developing/tools/proguard.html
9 |
10 | # Add any project specific keep options here:
11 |
12 | # If your project uses WebView with JS, uncomment the following
13 | # and specify the fully qualified class name to the JavaScript interface
14 | # class:
15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview {
16 | # public *;
17 | #}
18 |
19 | # Disabling obfuscation is useful if you collect stack traces from production crashes
20 | # (unless you are using a system that supports de-obfuscate the stack traces).
21 | -dontobfuscate
22 |
23 | # React Native
24 |
25 | # Keep our interfaces so they can be used by other ProGuard rules.
26 | # See http://sourceforge.net/p/proguard/bugs/466/
27 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip
28 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters
29 |
30 | # Do not strip any method/class that is annotated with @DoNotStrip
31 | -keep @com.facebook.proguard.annotations.DoNotStrip class *
32 | -keepclassmembers class * {
33 | @com.facebook.proguard.annotations.DoNotStrip *;
34 | }
35 |
36 | -keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * {
37 | void set*(***);
38 | *** get*();
39 | }
40 |
41 | -keep class * extends com.facebook.react.bridge.JavaScriptModule { *; }
42 | -keep class * extends com.facebook.react.bridge.NativeModule { *; }
43 | -keepclassmembers,includedescriptorclasses class * { native ; }
44 | -keepclassmembers class * { @com.facebook.react.uimanager.UIProp ; }
45 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactProp ; }
46 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactPropGroup ; }
47 |
48 | -dontwarn com.facebook.react.**
49 |
50 | # okhttp
51 |
52 | -keepattributes Signature
53 | -keepattributes *Annotation*
54 | -keep class com.squareup.okhttp.** { *; }
55 | -keep interface com.squareup.okhttp.** { *; }
56 | -dontwarn com.squareup.okhttp.**
57 |
58 | # okio
59 |
60 | -keep class sun.misc.Unsafe { *; }
61 | -dontwarn java.nio.file.*
62 | -dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement
63 | -dontwarn okio.**
64 |
65 | # stetho
66 |
67 | -dontwarn com.facebook.stetho.**
68 |
--------------------------------------------------------------------------------
/android/app/react.gradle:
--------------------------------------------------------------------------------
1 | import org.apache.tools.ant.taskdefs.condition.Os
2 |
3 | def config = project.hasProperty("react") ? project.react : [];
4 |
5 | def bundleAssetName = config.bundleAssetName ?: "index.android.bundle"
6 | def entryFile = config.entryFile ?: "index.android.js"
7 |
8 | // because elvis operator
9 | def elvisFile(thing) {
10 | return thing ? file(thing) : null;
11 | }
12 |
13 | def reactRoot = elvisFile(config.root) ?: file("../../")
14 | def inputExcludes = config.inputExcludes ?: ["android/**", "ios/**"]
15 |
16 | void runBefore(String dependentTaskName, Task task) {
17 | Task dependentTask = tasks.findByPath(dependentTaskName);
18 | if (dependentTask != null) {
19 | dependentTask.dependsOn task
20 | }
21 | }
22 |
23 | gradle.projectsEvaluated {
24 | // Grab all build types and product flavors
25 | def buildTypes = android.buildTypes.collect { type -> type.name }
26 | def productFlavors = android.productFlavors.collect { flavor -> flavor.name }
27 |
28 | // When no product flavors defined, use empty
29 | if (!productFlavors) productFlavors.add('')
30 |
31 | productFlavors.each { productFlavorName ->
32 | buildTypes.each { buildTypeName ->
33 | // Create variant and target names
34 | def targetName = "${productFlavorName.capitalize()}${buildTypeName.capitalize()}"
35 | def targetPath = productFlavorName ?
36 | "${productFlavorName}/${buildTypeName}" :
37 | "${buildTypeName}"
38 |
39 | // React js bundle directories
40 | def jsBundleDirConfigName = "jsBundleDir${targetName}"
41 | def jsBundleDir = elvisFile(config."$jsBundleDirConfigName") ?:
42 | file("$buildDir/intermediates/assets/${targetPath}")
43 |
44 | def resourcesDirConfigName = "jsBundleDir${targetName}"
45 | def resourcesDir = elvisFile(config."${resourcesDirConfigName}") ?:
46 | file("$buildDir/intermediates/res/merged/${targetPath}")
47 | def jsBundleFile = file("$jsBundleDir/$bundleAssetName")
48 |
49 | // Bundle task name for variant
50 | def bundleJsAndAssetsTaskName = "bundle${targetName}JsAndAssets"
51 |
52 | def currentBundleTask = tasks.create(
53 | name: bundleJsAndAssetsTaskName,
54 | type: Exec) {
55 | group = "react"
56 | description = "bundle JS and assets for ${targetName}."
57 |
58 | // Create dirs if they are not there (e.g. the "clean" task just ran)
59 | doFirst {
60 | jsBundleDir.mkdirs()
61 | resourcesDir.mkdirs()
62 | }
63 |
64 | // Set up inputs and outputs so gradle can cache the result
65 | inputs.files fileTree(dir: reactRoot, excludes: inputExcludes)
66 | outputs.dir jsBundleDir
67 | outputs.dir resourcesDir
68 |
69 | // Set up the call to the react-native cli
70 | workingDir reactRoot
71 |
72 | // Set up dev mode
73 | def devEnabled = !targetName.toLowerCase().contains("release")
74 | if (Os.isFamily(Os.FAMILY_WINDOWS)) {
75 | commandLine "cmd", "/c", "react-native", "bundle", "--platform", "android", "--dev", "${devEnabled}",
76 | "--entry-file", entryFile, "--bundle-output", jsBundleFile, "--assets-dest", resourcesDir
77 | } else {
78 | commandLine "react-native", "bundle", "--platform", "android", "--dev", "${devEnabled}",
79 | "--entry-file", entryFile, "--bundle-output", jsBundleFile, "--assets-dest", resourcesDir
80 | }
81 |
82 | enabled config."bundleIn${targetName}" ||
83 | config."bundleIn${buildTypeName.capitalize()}" ?:
84 | targetName.toLowerCase().contains("release")
85 | }
86 |
87 | // Hook bundle${productFlavor}${buildType}JsAndAssets into the android build process
88 | currentBundleTask.dependsOn("merge${targetName}Resources")
89 | currentBundleTask.dependsOn("merge${targetName}Assets")
90 |
91 | runBefore("processArmeabi-v7a${targetName}Resources", currentBundleTask)
92 | runBefore("processX86${targetName}Resources", currentBundleTask)
93 | runBefore("processUniversal${targetName}Resources", currentBundleTask)
94 | runBefore("process${targetName}Resources", currentBundleTask)
95 | }
96 | }
97 | }
98 |
--------------------------------------------------------------------------------
/android/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
6 |
11 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/android/app/src/main/java/com/messagebar/MainActivity.java:
--------------------------------------------------------------------------------
1 | package com.messagebar;
2 |
3 | import com.facebook.react.ReactActivity;
4 | import com.facebook.react.ReactPackage;
5 | import com.facebook.react.shell.MainReactPackage;
6 |
7 | import java.util.Arrays;
8 | import java.util.List;
9 |
10 | public class MainActivity extends ReactActivity {
11 |
12 | /**
13 | * Returns the name of the main component registered from JavaScript.
14 | * This is used to schedule rendering of the component.
15 | */
16 | @Override
17 | protected String getMainComponentName() {
18 | return "MessageBar";
19 | }
20 |
21 | /**
22 | * Returns whether dev mode should be enabled.
23 | * This enables e.g. the dev menu.
24 | */
25 | @Override
26 | protected boolean getUseDeveloperSupport() {
27 | return BuildConfig.DEBUG;
28 | }
29 |
30 | /**
31 | * A list of packages used by the app. If the app uses additional views
32 | * or modules besides the default ones, add more packages here.
33 | */
34 | @Override
35 | protected List getPackages() {
36 | return Arrays.asList(
37 | new MainReactPackage()
38 | );
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/android/app/src/main/res/mipmap-hdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KBLNY/react-native-message-bar/f7eab2533c4ec5efd135d3dd5d288e67975d0734/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
--------------------------------------------------------------------------------
/android/app/src/main/res/mipmap-mdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KBLNY/react-native-message-bar/f7eab2533c4ec5efd135d3dd5d288e67975d0734/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
--------------------------------------------------------------------------------
/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KBLNY/react-native-message-bar/f7eab2533c4ec5efd135d3dd5d288e67975d0734/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KBLNY/react-native-message-bar/f7eab2533c4ec5efd135d3dd5d288e67975d0734/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/android/app/src/main/res/values/strings.xml:
--------------------------------------------------------------------------------
1 |
2 | MessageBar
3 |
4 |
--------------------------------------------------------------------------------
/android/app/src/main/res/values/styles.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/android/build.gradle:
--------------------------------------------------------------------------------
1 | // Top-level build file where you can add configuration options common to all sub-projects/modules.
2 |
3 | buildscript {
4 | repositories {
5 | jcenter()
6 | }
7 | dependencies {
8 | classpath 'com.android.tools.build:gradle:2.1.0'
9 |
10 | // NOTE: Do not place your application dependencies here; they belong
11 | // in the individual module build.gradle files
12 | }
13 | }
14 |
15 | allprojects {
16 | repositories {
17 | mavenLocal()
18 | jcenter()
19 | maven {
20 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
21 | url "$projectDir/../../node_modules/react-native/android"
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/android/gradle.properties:
--------------------------------------------------------------------------------
1 | # Project-wide Gradle settings.
2 |
3 | # IDE (e.g. Android Studio) users:
4 | # Gradle settings configured through the IDE *will override*
5 | # any settings specified in this file.
6 |
7 | # For more details on how to configure your build environment visit
8 | # http://www.gradle.org/docs/current/userguide/build_environment.html
9 |
10 | # Specifies the JVM arguments used for the daemon process.
11 | # The setting is particularly useful for tweaking memory settings.
12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m
13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8
14 |
15 | # When configured, Gradle will run in incubating parallel mode.
16 | # This option should only be used with decoupled projects. More details, visit
17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
18 | # org.gradle.parallel=true
19 |
20 | android.useDeprecatedNdk=true
21 |
--------------------------------------------------------------------------------
/android/gradle/wrapper/gradle-wrapper.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KBLNY/react-native-message-bar/f7eab2533c4ec5efd135d3dd5d288e67975d0734/android/gradle/wrapper/gradle-wrapper.jar
--------------------------------------------------------------------------------
/android/gradle/wrapper/gradle-wrapper.properties:
--------------------------------------------------------------------------------
1 | #Thu May 19 14:20:34 CST 2016
2 | distributionBase=GRADLE_USER_HOME
3 | distributionPath=wrapper/dists
4 | zipStoreBase=GRADLE_USER_HOME
5 | zipStorePath=wrapper/dists
6 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.10-all.zip
7 |
--------------------------------------------------------------------------------
/android/gradlew:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env bash
2 |
3 | ##############################################################################
4 | ##
5 | ## Gradle start up script for UN*X
6 | ##
7 | ##############################################################################
8 |
9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
10 | DEFAULT_JVM_OPTS=""
11 |
12 | APP_NAME="Gradle"
13 | APP_BASE_NAME=`basename "$0"`
14 |
15 | # Use the maximum available, or set MAX_FD != -1 to use that value.
16 | MAX_FD="maximum"
17 |
18 | warn ( ) {
19 | echo "$*"
20 | }
21 |
22 | die ( ) {
23 | echo
24 | echo "$*"
25 | echo
26 | exit 1
27 | }
28 |
29 | # OS specific support (must be 'true' or 'false').
30 | cygwin=false
31 | msys=false
32 | darwin=false
33 | case "`uname`" in
34 | CYGWIN* )
35 | cygwin=true
36 | ;;
37 | Darwin* )
38 | darwin=true
39 | ;;
40 | MINGW* )
41 | msys=true
42 | ;;
43 | esac
44 |
45 | # For Cygwin, ensure paths are in UNIX format before anything is touched.
46 | if $cygwin ; then
47 | [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"`
48 | fi
49 |
50 | # Attempt to set APP_HOME
51 | # Resolve links: $0 may be a link
52 | PRG="$0"
53 | # Need this for relative symlinks.
54 | while [ -h "$PRG" ] ; do
55 | ls=`ls -ld "$PRG"`
56 | link=`expr "$ls" : '.*-> \(.*\)$'`
57 | if expr "$link" : '/.*' > /dev/null; then
58 | PRG="$link"
59 | else
60 | PRG=`dirname "$PRG"`"/$link"
61 | fi
62 | done
63 | SAVED="`pwd`"
64 | cd "`dirname \"$PRG\"`/" >&-
65 | APP_HOME="`pwd -P`"
66 | cd "$SAVED" >&-
67 |
68 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
69 |
70 | # Determine the Java command to use to start the JVM.
71 | if [ -n "$JAVA_HOME" ] ; then
72 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
73 | # IBM's JDK on AIX uses strange locations for the executables
74 | JAVACMD="$JAVA_HOME/jre/sh/java"
75 | else
76 | JAVACMD="$JAVA_HOME/bin/java"
77 | fi
78 | if [ ! -x "$JAVACMD" ] ; then
79 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
80 |
81 | Please set the JAVA_HOME variable in your environment to match the
82 | location of your Java installation."
83 | fi
84 | else
85 | JAVACMD="java"
86 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
87 |
88 | Please set the JAVA_HOME variable in your environment to match the
89 | location of your Java installation."
90 | fi
91 |
92 | # Increase the maximum file descriptors if we can.
93 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then
94 | MAX_FD_LIMIT=`ulimit -H -n`
95 | if [ $? -eq 0 ] ; then
96 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
97 | MAX_FD="$MAX_FD_LIMIT"
98 | fi
99 | ulimit -n $MAX_FD
100 | if [ $? -ne 0 ] ; then
101 | warn "Could not set maximum file descriptor limit: $MAX_FD"
102 | fi
103 | else
104 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
105 | fi
106 | fi
107 |
108 | # For Darwin, add options to specify how the application appears in the dock
109 | if $darwin; then
110 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
111 | fi
112 |
113 | # For Cygwin, switch paths to Windows format before running java
114 | if $cygwin ; then
115 | APP_HOME=`cygpath --path --mixed "$APP_HOME"`
116 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
117 |
118 | # We build the pattern for arguments to be converted via cygpath
119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
120 | SEP=""
121 | for dir in $ROOTDIRSRAW ; do
122 | ROOTDIRS="$ROOTDIRS$SEP$dir"
123 | SEP="|"
124 | done
125 | OURCYGPATTERN="(^($ROOTDIRS))"
126 | # Add a user-defined pattern to the cygpath arguments
127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then
128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
129 | fi
130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh
131 | i=0
132 | for arg in "$@" ; do
133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option
135 |
136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition
137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
138 | else
139 | eval `echo args$i`="\"$arg\""
140 | fi
141 | i=$((i+1))
142 | done
143 | case $i in
144 | (0) set -- ;;
145 | (1) set -- "$args0" ;;
146 | (2) set -- "$args0" "$args1" ;;
147 | (3) set -- "$args0" "$args1" "$args2" ;;
148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
154 | esac
155 | fi
156 |
157 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules
158 | function splitJvmOpts() {
159 | JVM_OPTS=("$@")
160 | }
161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS
162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME"
163 |
164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@"
165 |
--------------------------------------------------------------------------------
/android/gradlew.bat:
--------------------------------------------------------------------------------
1 | @if "%DEBUG%" == "" @echo off
2 | @rem ##########################################################################
3 | @rem
4 | @rem Gradle startup script for Windows
5 | @rem
6 | @rem ##########################################################################
7 |
8 | @rem Set local scope for the variables with windows NT shell
9 | if "%OS%"=="Windows_NT" setlocal
10 |
11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
12 | set DEFAULT_JVM_OPTS=
13 |
14 | set DIRNAME=%~dp0
15 | if "%DIRNAME%" == "" set DIRNAME=.
16 | set APP_BASE_NAME=%~n0
17 | set APP_HOME=%DIRNAME%
18 |
19 | @rem Find java.exe
20 | if defined JAVA_HOME goto findJavaFromJavaHome
21 |
22 | set JAVA_EXE=java.exe
23 | %JAVA_EXE% -version >NUL 2>&1
24 | if "%ERRORLEVEL%" == "0" goto init
25 |
26 | echo.
27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
28 | echo.
29 | echo Please set the JAVA_HOME variable in your environment to match the
30 | echo location of your Java installation.
31 |
32 | goto fail
33 |
34 | :findJavaFromJavaHome
35 | set JAVA_HOME=%JAVA_HOME:"=%
36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe
37 |
38 | if exist "%JAVA_EXE%" goto init
39 |
40 | echo.
41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
42 | echo.
43 | echo Please set the JAVA_HOME variable in your environment to match the
44 | echo location of your Java installation.
45 |
46 | goto fail
47 |
48 | :init
49 | @rem Get command-line arguments, handling Windowz variants
50 |
51 | if not "%OS%" == "Windows_NT" goto win9xME_args
52 | if "%@eval[2+2]" == "4" goto 4NT_args
53 |
54 | :win9xME_args
55 | @rem Slurp the command line arguments.
56 | set CMD_LINE_ARGS=
57 | set _SKIP=2
58 |
59 | :win9xME_args_slurp
60 | if "x%~1" == "x" goto execute
61 |
62 | set CMD_LINE_ARGS=%*
63 | goto execute
64 |
65 | :4NT_args
66 | @rem Get arguments from the 4NT Shell from JP Software
67 | set CMD_LINE_ARGS=%$
68 |
69 | :execute
70 | @rem Setup the command line
71 |
72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
73 |
74 | @rem Execute Gradle
75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
76 |
77 | :end
78 | @rem End local scope for the variables with windows NT shell
79 | if "%ERRORLEVEL%"=="0" goto mainEnd
80 |
81 | :fail
82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
83 | rem the _cmd.exe /c_ return code!
84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
85 | exit /b 1
86 |
87 | :mainEnd
88 | if "%OS%"=="Windows_NT" endlocal
89 |
90 | :omega
91 |
--------------------------------------------------------------------------------
/android/local.properties:
--------------------------------------------------------------------------------
1 | ## This file is automatically generated by Android Studio.
2 | # Do not modify this file -- YOUR CHANGES WILL BE ERASED!
3 | #
4 | # This file must *NOT* be checked into Version Control Systems,
5 | # as it contains information specific to your local configuration.
6 | #
7 | # Location of the SDK. This is only used by Gradle.
8 | # For customization when using a Version Control System, please read the
9 | # header note.
10 | #Thu May 19 14:20:24 CST 2016
11 | sdk.dir=/Users/zongjingyao/Library/Android/sdk
12 |
--------------------------------------------------------------------------------
/android/settings.gradle:
--------------------------------------------------------------------------------
1 | rootProject.name = 'MessageBar'
2 |
3 | include ':app'
4 |
--------------------------------------------------------------------------------
/index.android.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Name: MessageBar Test Project
3 | * Description: A Project to test the Message Bar Component
4 | * https://github.com/KBLNY/react-native-message-bar
5 | */
6 | "use strict";
7 |
8 | const React = require("react-native");
9 | const { AppRegistry, } = React;
10 | const AppTest = require("./AppTest");
11 |
12 | AppRegistry.registerComponent("MessageBar", () => AppTest);
13 |
--------------------------------------------------------------------------------
/index.ios.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Name: MessageBar Test Project
3 | * Description: A Project to test the Message Bar Component
4 | * https://github.com/KBLNY/react-native-message-bar
5 | */
6 | "use strict";
7 |
8 | const React = require("react-native");
9 | const { AppRegistry, } = React;
10 | const AppTest = require("./AppTest");
11 |
12 | AppRegistry.registerComponent("MessageBar", () => AppTest);
13 |
--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | import MessageBar from './MessageBar';
2 | import MessageBarManager from './MessageBarManager';
3 |
4 | module.exports = {MessageBar, MessageBarManager};
5 |
--------------------------------------------------------------------------------
/ios/MessageBar.xcodeproj/project.pbxproj:
--------------------------------------------------------------------------------
1 | // !$*UTF8*$!
2 | {
3 | archiveVersion = 1;
4 | classes = {
5 | };
6 | objectVersion = 46;
7 | objects = {
8 |
9 | /* Begin PBXBuildFile section */
10 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; };
11 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; };
12 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; };
13 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; };
14 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; };
15 | 00E356F31AD99517003FC87E /* MessageBarTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* MessageBarTests.m */; };
16 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; };
17 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; };
18 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; };
19 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };
20 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; };
21 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
22 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
23 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; };
24 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; };
25 | /* End PBXBuildFile section */
26 |
27 | /* Begin PBXContainerItemProxy section */
28 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = {
29 | isa = PBXContainerItemProxy;
30 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */;
31 | proxyType = 2;
32 | remoteGlobalIDString = 134814201AA4EA6300B7C361;
33 | remoteInfo = RCTActionSheet;
34 | };
35 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = {
36 | isa = PBXContainerItemProxy;
37 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */;
38 | proxyType = 2;
39 | remoteGlobalIDString = 134814201AA4EA6300B7C361;
40 | remoteInfo = RCTGeolocation;
41 | };
42 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = {
43 | isa = PBXContainerItemProxy;
44 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */;
45 | proxyType = 2;
46 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676;
47 | remoteInfo = RCTImage;
48 | };
49 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = {
50 | isa = PBXContainerItemProxy;
51 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */;
52 | proxyType = 2;
53 | remoteGlobalIDString = 58B511DB1A9E6C8500147676;
54 | remoteInfo = RCTNetwork;
55 | };
56 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = {
57 | isa = PBXContainerItemProxy;
58 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */;
59 | proxyType = 2;
60 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7;
61 | remoteInfo = RCTVibration;
62 | };
63 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = {
64 | isa = PBXContainerItemProxy;
65 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
66 | proxyType = 1;
67 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A;
68 | remoteInfo = MessageBar;
69 | };
70 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = {
71 | isa = PBXContainerItemProxy;
72 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */;
73 | proxyType = 2;
74 | remoteGlobalIDString = 134814201AA4EA6300B7C361;
75 | remoteInfo = RCTSettings;
76 | };
77 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = {
78 | isa = PBXContainerItemProxy;
79 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */;
80 | proxyType = 2;
81 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A;
82 | remoteInfo = RCTWebSocket;
83 | };
84 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = {
85 | isa = PBXContainerItemProxy;
86 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
87 | proxyType = 2;
88 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192;
89 | remoteInfo = React;
90 | };
91 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = {
92 | isa = PBXContainerItemProxy;
93 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */;
94 | proxyType = 2;
95 | remoteGlobalIDString = 134814201AA4EA6300B7C361;
96 | remoteInfo = RCTLinking;
97 | };
98 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = {
99 | isa = PBXContainerItemProxy;
100 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */;
101 | proxyType = 2;
102 | remoteGlobalIDString = 58B5119B1A9E6C1200147676;
103 | remoteInfo = RCTText;
104 | };
105 | /* End PBXContainerItemProxy section */
106 |
107 | /* Begin PBXFileReference section */
108 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; };
109 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; };
110 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; };
111 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; };
112 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; };
113 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; };
114 | 00E356EE1AD99517003FC87E /* MessageBarTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = MessageBarTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
115 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; };
116 | 00E356F21AD99517003FC87E /* MessageBarTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = MessageBarTests.m; sourceTree = ""; };
117 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; };
118 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; };
119 | 13B07F961A680F5B00A75B9A /* MessageBar.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = MessageBar.app; sourceTree = BUILT_PRODUCTS_DIR; };
120 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = MessageBar/AppDelegate.h; sourceTree = ""; };
121 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = MessageBar/AppDelegate.m; sourceTree = ""; };
122 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; };
123 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = MessageBar/Images.xcassets; sourceTree = ""; };
124 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = MessageBar/Info.plist; sourceTree = ""; };
125 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = MessageBar/main.m; sourceTree = ""; };
126 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; };
127 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; };
128 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; };
129 | /* End PBXFileReference section */
130 |
131 | /* Begin PBXFrameworksBuildPhase section */
132 | 00E356EB1AD99517003FC87E /* Frameworks */ = {
133 | isa = PBXFrameworksBuildPhase;
134 | buildActionMask = 2147483647;
135 | files = (
136 | );
137 | runOnlyForDeploymentPostprocessing = 0;
138 | };
139 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = {
140 | isa = PBXFrameworksBuildPhase;
141 | buildActionMask = 2147483647;
142 | files = (
143 | 146834051AC3E58100842450 /* libReact.a in Frameworks */,
144 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */,
145 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */,
146 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */,
147 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */,
148 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */,
149 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */,
150 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */,
151 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */,
152 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */,
153 | );
154 | runOnlyForDeploymentPostprocessing = 0;
155 | };
156 | /* End PBXFrameworksBuildPhase section */
157 |
158 | /* Begin PBXGroup section */
159 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = {
160 | isa = PBXGroup;
161 | children = (
162 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */,
163 | );
164 | name = Products;
165 | sourceTree = "";
166 | };
167 | 00C302B61ABCB90400DB3ED1 /* Products */ = {
168 | isa = PBXGroup;
169 | children = (
170 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */,
171 | );
172 | name = Products;
173 | sourceTree = "";
174 | };
175 | 00C302BC1ABCB91800DB3ED1 /* Products */ = {
176 | isa = PBXGroup;
177 | children = (
178 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */,
179 | );
180 | name = Products;
181 | sourceTree = "";
182 | };
183 | 00C302D41ABCB9D200DB3ED1 /* Products */ = {
184 | isa = PBXGroup;
185 | children = (
186 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */,
187 | );
188 | name = Products;
189 | sourceTree = "";
190 | };
191 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = {
192 | isa = PBXGroup;
193 | children = (
194 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */,
195 | );
196 | name = Products;
197 | sourceTree = "";
198 | };
199 | 00E356EF1AD99517003FC87E /* MessageBarTests */ = {
200 | isa = PBXGroup;
201 | children = (
202 | 00E356F21AD99517003FC87E /* MessageBarTests.m */,
203 | 00E356F01AD99517003FC87E /* Supporting Files */,
204 | );
205 | path = MessageBarTests;
206 | sourceTree = "";
207 | };
208 | 00E356F01AD99517003FC87E /* Supporting Files */ = {
209 | isa = PBXGroup;
210 | children = (
211 | 00E356F11AD99517003FC87E /* Info.plist */,
212 | );
213 | name = "Supporting Files";
214 | sourceTree = "";
215 | };
216 | 139105B71AF99BAD00B5F7CC /* Products */ = {
217 | isa = PBXGroup;
218 | children = (
219 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */,
220 | );
221 | name = Products;
222 | sourceTree = "";
223 | };
224 | 139FDEE71B06529A00C62182 /* Products */ = {
225 | isa = PBXGroup;
226 | children = (
227 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */,
228 | );
229 | name = Products;
230 | sourceTree = "";
231 | };
232 | 13B07FAE1A68108700A75B9A /* MessageBar */ = {
233 | isa = PBXGroup;
234 | children = (
235 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */,
236 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */,
237 | 13B07FB01A68108700A75B9A /* AppDelegate.m */,
238 | 13B07FB51A68108700A75B9A /* Images.xcassets */,
239 | 13B07FB61A68108700A75B9A /* Info.plist */,
240 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */,
241 | 13B07FB71A68108700A75B9A /* main.m */,
242 | );
243 | name = MessageBar;
244 | sourceTree = "";
245 | };
246 | 146834001AC3E56700842450 /* Products */ = {
247 | isa = PBXGroup;
248 | children = (
249 | 146834041AC3E56700842450 /* libReact.a */,
250 | );
251 | name = Products;
252 | sourceTree = "";
253 | };
254 | 78C398B11ACF4ADC00677621 /* Products */ = {
255 | isa = PBXGroup;
256 | children = (
257 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */,
258 | );
259 | name = Products;
260 | sourceTree = "";
261 | };
262 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = {
263 | isa = PBXGroup;
264 | children = (
265 | 146833FF1AC3E56700842450 /* React.xcodeproj */,
266 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */,
267 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */,
268 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */,
269 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */,
270 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */,
271 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */,
272 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */,
273 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */,
274 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */,
275 | );
276 | name = Libraries;
277 | sourceTree = "";
278 | };
279 | 832341B11AAA6A8300B99B32 /* Products */ = {
280 | isa = PBXGroup;
281 | children = (
282 | 832341B51AAA6A8300B99B32 /* libRCTText.a */,
283 | );
284 | name = Products;
285 | sourceTree = "";
286 | };
287 | 83CBB9F61A601CBA00E9B192 = {
288 | isa = PBXGroup;
289 | children = (
290 | 13B07FAE1A68108700A75B9A /* MessageBar */,
291 | 832341AE1AAA6A7D00B99B32 /* Libraries */,
292 | 00E356EF1AD99517003FC87E /* MessageBarTests */,
293 | 83CBBA001A601CBA00E9B192 /* Products */,
294 | );
295 | indentWidth = 2;
296 | sourceTree = "";
297 | tabWidth = 2;
298 | };
299 | 83CBBA001A601CBA00E9B192 /* Products */ = {
300 | isa = PBXGroup;
301 | children = (
302 | 13B07F961A680F5B00A75B9A /* MessageBar.app */,
303 | 00E356EE1AD99517003FC87E /* MessageBarTests.xctest */,
304 | );
305 | name = Products;
306 | sourceTree = "";
307 | };
308 | /* End PBXGroup section */
309 |
310 | /* Begin PBXNativeTarget section */
311 | 00E356ED1AD99517003FC87E /* MessageBarTests */ = {
312 | isa = PBXNativeTarget;
313 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "MessageBarTests" */;
314 | buildPhases = (
315 | 00E356EA1AD99517003FC87E /* Sources */,
316 | 00E356EB1AD99517003FC87E /* Frameworks */,
317 | 00E356EC1AD99517003FC87E /* Resources */,
318 | );
319 | buildRules = (
320 | );
321 | dependencies = (
322 | 00E356F51AD99517003FC87E /* PBXTargetDependency */,
323 | );
324 | name = MessageBarTests;
325 | productName = MessageBarTests;
326 | productReference = 00E356EE1AD99517003FC87E /* MessageBarTests.xctest */;
327 | productType = "com.apple.product-type.bundle.unit-test";
328 | };
329 | 13B07F861A680F5B00A75B9A /* MessageBar */ = {
330 | isa = PBXNativeTarget;
331 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "MessageBar" */;
332 | buildPhases = (
333 | 13B07F871A680F5B00A75B9A /* Sources */,
334 | 13B07F8C1A680F5B00A75B9A /* Frameworks */,
335 | 13B07F8E1A680F5B00A75B9A /* Resources */,
336 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
337 | );
338 | buildRules = (
339 | );
340 | dependencies = (
341 | );
342 | name = MessageBar;
343 | productName = "Hello World";
344 | productReference = 13B07F961A680F5B00A75B9A /* MessageBar.app */;
345 | productType = "com.apple.product-type.application";
346 | };
347 | /* End PBXNativeTarget section */
348 |
349 | /* Begin PBXProject section */
350 | 83CBB9F71A601CBA00E9B192 /* Project object */ = {
351 | isa = PBXProject;
352 | attributes = {
353 | LastUpgradeCheck = 0610;
354 | ORGANIZATIONNAME = Facebook;
355 | TargetAttributes = {
356 | 00E356ED1AD99517003FC87E = {
357 | CreatedOnToolsVersion = 6.2;
358 | TestTargetID = 13B07F861A680F5B00A75B9A;
359 | };
360 | };
361 | };
362 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "MessageBar" */;
363 | compatibilityVersion = "Xcode 3.2";
364 | developmentRegion = English;
365 | hasScannedForEncodings = 0;
366 | knownRegions = (
367 | en,
368 | Base,
369 | );
370 | mainGroup = 83CBB9F61A601CBA00E9B192;
371 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;
372 | projectDirPath = "";
373 | projectReferences = (
374 | {
375 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */;
376 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */;
377 | },
378 | {
379 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */;
380 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */;
381 | },
382 | {
383 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */;
384 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */;
385 | },
386 | {
387 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */;
388 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */;
389 | },
390 | {
391 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */;
392 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */;
393 | },
394 | {
395 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */;
396 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */;
397 | },
398 | {
399 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */;
400 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */;
401 | },
402 | {
403 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */;
404 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */;
405 | },
406 | {
407 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */;
408 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */;
409 | },
410 | {
411 | ProductGroup = 146834001AC3E56700842450 /* Products */;
412 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */;
413 | },
414 | );
415 | projectRoot = "";
416 | targets = (
417 | 13B07F861A680F5B00A75B9A /* MessageBar */,
418 | 00E356ED1AD99517003FC87E /* MessageBarTests */,
419 | );
420 | };
421 | /* End PBXProject section */
422 |
423 | /* Begin PBXReferenceProxy section */
424 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = {
425 | isa = PBXReferenceProxy;
426 | fileType = archive.ar;
427 | path = libRCTActionSheet.a;
428 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */;
429 | sourceTree = BUILT_PRODUCTS_DIR;
430 | };
431 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = {
432 | isa = PBXReferenceProxy;
433 | fileType = archive.ar;
434 | path = libRCTGeolocation.a;
435 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */;
436 | sourceTree = BUILT_PRODUCTS_DIR;
437 | };
438 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = {
439 | isa = PBXReferenceProxy;
440 | fileType = archive.ar;
441 | path = libRCTImage.a;
442 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */;
443 | sourceTree = BUILT_PRODUCTS_DIR;
444 | };
445 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = {
446 | isa = PBXReferenceProxy;
447 | fileType = archive.ar;
448 | path = libRCTNetwork.a;
449 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */;
450 | sourceTree = BUILT_PRODUCTS_DIR;
451 | };
452 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = {
453 | isa = PBXReferenceProxy;
454 | fileType = archive.ar;
455 | path = libRCTVibration.a;
456 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */;
457 | sourceTree = BUILT_PRODUCTS_DIR;
458 | };
459 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = {
460 | isa = PBXReferenceProxy;
461 | fileType = archive.ar;
462 | path = libRCTSettings.a;
463 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */;
464 | sourceTree = BUILT_PRODUCTS_DIR;
465 | };
466 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = {
467 | isa = PBXReferenceProxy;
468 | fileType = archive.ar;
469 | path = libRCTWebSocket.a;
470 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */;
471 | sourceTree = BUILT_PRODUCTS_DIR;
472 | };
473 | 146834041AC3E56700842450 /* libReact.a */ = {
474 | isa = PBXReferenceProxy;
475 | fileType = archive.ar;
476 | path = libReact.a;
477 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */;
478 | sourceTree = BUILT_PRODUCTS_DIR;
479 | };
480 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = {
481 | isa = PBXReferenceProxy;
482 | fileType = archive.ar;
483 | path = libRCTLinking.a;
484 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */;
485 | sourceTree = BUILT_PRODUCTS_DIR;
486 | };
487 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = {
488 | isa = PBXReferenceProxy;
489 | fileType = archive.ar;
490 | path = libRCTText.a;
491 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */;
492 | sourceTree = BUILT_PRODUCTS_DIR;
493 | };
494 | /* End PBXReferenceProxy section */
495 |
496 | /* Begin PBXResourcesBuildPhase section */
497 | 00E356EC1AD99517003FC87E /* Resources */ = {
498 | isa = PBXResourcesBuildPhase;
499 | buildActionMask = 2147483647;
500 | files = (
501 | );
502 | runOnlyForDeploymentPostprocessing = 0;
503 | };
504 | 13B07F8E1A680F5B00A75B9A /* Resources */ = {
505 | isa = PBXResourcesBuildPhase;
506 | buildActionMask = 2147483647;
507 | files = (
508 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
509 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */,
510 | );
511 | runOnlyForDeploymentPostprocessing = 0;
512 | };
513 | /* End PBXResourcesBuildPhase section */
514 |
515 | /* Begin PBXShellScriptBuildPhase section */
516 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = {
517 | isa = PBXShellScriptBuildPhase;
518 | buildActionMask = 2147483647;
519 | files = (
520 | );
521 | inputPaths = (
522 | );
523 | name = "Bundle React Native code and images";
524 | outputPaths = (
525 | );
526 | runOnlyForDeploymentPostprocessing = 0;
527 | shellPath = /bin/sh;
528 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/packager/react-native-xcode.sh";
529 | };
530 | /* End PBXShellScriptBuildPhase section */
531 |
532 | /* Begin PBXSourcesBuildPhase section */
533 | 00E356EA1AD99517003FC87E /* Sources */ = {
534 | isa = PBXSourcesBuildPhase;
535 | buildActionMask = 2147483647;
536 | files = (
537 | 00E356F31AD99517003FC87E /* MessageBarTests.m in Sources */,
538 | );
539 | runOnlyForDeploymentPostprocessing = 0;
540 | };
541 | 13B07F871A680F5B00A75B9A /* Sources */ = {
542 | isa = PBXSourcesBuildPhase;
543 | buildActionMask = 2147483647;
544 | files = (
545 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */,
546 | 13B07FC11A68108700A75B9A /* main.m in Sources */,
547 | );
548 | runOnlyForDeploymentPostprocessing = 0;
549 | };
550 | /* End PBXSourcesBuildPhase section */
551 |
552 | /* Begin PBXTargetDependency section */
553 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = {
554 | isa = PBXTargetDependency;
555 | target = 13B07F861A680F5B00A75B9A /* MessageBar */;
556 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */;
557 | };
558 | /* End PBXTargetDependency section */
559 |
560 | /* Begin PBXVariantGroup section */
561 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = {
562 | isa = PBXVariantGroup;
563 | children = (
564 | 13B07FB21A68108700A75B9A /* Base */,
565 | );
566 | name = LaunchScreen.xib;
567 | path = MessageBar;
568 | sourceTree = "";
569 | };
570 | /* End PBXVariantGroup section */
571 |
572 | /* Begin XCBuildConfiguration section */
573 | 00E356F61AD99517003FC87E /* Debug */ = {
574 | isa = XCBuildConfiguration;
575 | buildSettings = {
576 | BUNDLE_LOADER = "$(TEST_HOST)";
577 | FRAMEWORK_SEARCH_PATHS = (
578 | "$(SDKROOT)/Developer/Library/Frameworks",
579 | "$(inherited)",
580 | );
581 | GCC_PREPROCESSOR_DEFINITIONS = (
582 | "DEBUG=1",
583 | "$(inherited)",
584 | );
585 | INFOPLIST_FILE = MessageBarTests/Info.plist;
586 | IPHONEOS_DEPLOYMENT_TARGET = 8.2;
587 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
588 | PRODUCT_NAME = "$(TARGET_NAME)";
589 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/MessageBar.app/MessageBar";
590 | };
591 | name = Debug;
592 | };
593 | 00E356F71AD99517003FC87E /* Release */ = {
594 | isa = XCBuildConfiguration;
595 | buildSettings = {
596 | BUNDLE_LOADER = "$(TEST_HOST)";
597 | COPY_PHASE_STRIP = NO;
598 | FRAMEWORK_SEARCH_PATHS = (
599 | "$(SDKROOT)/Developer/Library/Frameworks",
600 | "$(inherited)",
601 | );
602 | INFOPLIST_FILE = MessageBarTests/Info.plist;
603 | IPHONEOS_DEPLOYMENT_TARGET = 8.2;
604 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
605 | PRODUCT_NAME = "$(TARGET_NAME)";
606 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/MessageBar.app/MessageBar";
607 | };
608 | name = Release;
609 | };
610 | 13B07F941A680F5B00A75B9A /* Debug */ = {
611 | isa = XCBuildConfiguration;
612 | buildSettings = {
613 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
614 | DEAD_CODE_STRIPPING = NO;
615 | HEADER_SEARCH_PATHS = (
616 | "$(SRCROOT)",
617 | "$(inherited)",
618 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
619 | "$(SRCROOT)/../node_modules/react-native/React/**",
620 | "$(SRCROOT)/../../../..node_modules/react-native/**",
621 | "$(SRCROOT)/../../../../..React/**",
622 | "$(SRCROOT)/../../../../react-native/**",
623 | );
624 | INFOPLIST_FILE = MessageBar/Info.plist;
625 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
626 | OTHER_LDFLAGS = "-ObjC";
627 | PRODUCT_NAME = MessageBar;
628 | };
629 | name = Debug;
630 | };
631 | 13B07F951A680F5B00A75B9A /* Release */ = {
632 | isa = XCBuildConfiguration;
633 | buildSettings = {
634 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
635 | HEADER_SEARCH_PATHS = (
636 | "$(SRCROOT)",
637 | "$(inherited)",
638 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
639 | "$(SRCROOT)/../node_modules/react-native/React/**",
640 | "$(SRCROOT)/../node_modules/react-native/**",
641 | "$(SRCROOT)/../React/**",
642 | "$(SRCROOT)/../react-native/**",
643 | );
644 | INFOPLIST_FILE = MessageBar/Info.plist;
645 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
646 | OTHER_LDFLAGS = "-ObjC";
647 | PRODUCT_NAME = MessageBar;
648 | };
649 | name = Release;
650 | };
651 | 83CBBA201A601CBA00E9B192 /* Debug */ = {
652 | isa = XCBuildConfiguration;
653 | buildSettings = {
654 | ALWAYS_SEARCH_USER_PATHS = NO;
655 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
656 | CLANG_CXX_LIBRARY = "libc++";
657 | CLANG_ENABLE_MODULES = YES;
658 | CLANG_ENABLE_OBJC_ARC = YES;
659 | CLANG_WARN_BOOL_CONVERSION = YES;
660 | CLANG_WARN_CONSTANT_CONVERSION = YES;
661 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
662 | CLANG_WARN_EMPTY_BODY = YES;
663 | CLANG_WARN_ENUM_CONVERSION = YES;
664 | CLANG_WARN_INT_CONVERSION = YES;
665 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
666 | CLANG_WARN_UNREACHABLE_CODE = YES;
667 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
668 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
669 | COPY_PHASE_STRIP = NO;
670 | ENABLE_STRICT_OBJC_MSGSEND = YES;
671 | GCC_C_LANGUAGE_STANDARD = gnu99;
672 | GCC_DYNAMIC_NO_PIC = NO;
673 | GCC_OPTIMIZATION_LEVEL = 0;
674 | GCC_PREPROCESSOR_DEFINITIONS = (
675 | "DEBUG=1",
676 | "$(inherited)",
677 | );
678 | GCC_SYMBOLS_PRIVATE_EXTERN = NO;
679 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
680 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
681 | GCC_WARN_UNDECLARED_SELECTOR = YES;
682 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
683 | GCC_WARN_UNUSED_FUNCTION = YES;
684 | GCC_WARN_UNUSED_VARIABLE = YES;
685 | HEADER_SEARCH_PATHS = (
686 | "$(inherited)",
687 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
688 | "$(SRCROOT)/../node_modules/react-native/React/**",
689 | );
690 | IPHONEOS_DEPLOYMENT_TARGET = 7.0;
691 | MTL_ENABLE_DEBUG_INFO = YES;
692 | ONLY_ACTIVE_ARCH = YES;
693 | SDKROOT = iphoneos;
694 | };
695 | name = Debug;
696 | };
697 | 83CBBA211A601CBA00E9B192 /* Release */ = {
698 | isa = XCBuildConfiguration;
699 | buildSettings = {
700 | ALWAYS_SEARCH_USER_PATHS = NO;
701 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
702 | CLANG_CXX_LIBRARY = "libc++";
703 | CLANG_ENABLE_MODULES = YES;
704 | CLANG_ENABLE_OBJC_ARC = YES;
705 | CLANG_WARN_BOOL_CONVERSION = YES;
706 | CLANG_WARN_CONSTANT_CONVERSION = YES;
707 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
708 | CLANG_WARN_EMPTY_BODY = YES;
709 | CLANG_WARN_ENUM_CONVERSION = YES;
710 | CLANG_WARN_INT_CONVERSION = YES;
711 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
712 | CLANG_WARN_UNREACHABLE_CODE = YES;
713 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
714 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
715 | COPY_PHASE_STRIP = YES;
716 | ENABLE_NS_ASSERTIONS = NO;
717 | ENABLE_STRICT_OBJC_MSGSEND = YES;
718 | GCC_C_LANGUAGE_STANDARD = gnu99;
719 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
720 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
721 | GCC_WARN_UNDECLARED_SELECTOR = YES;
722 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
723 | GCC_WARN_UNUSED_FUNCTION = YES;
724 | GCC_WARN_UNUSED_VARIABLE = YES;
725 | HEADER_SEARCH_PATHS = (
726 | "$(inherited)",
727 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
728 | "$(SRCROOT)/../node_modules/react-native/React/**",
729 | );
730 | IPHONEOS_DEPLOYMENT_TARGET = 7.0;
731 | MTL_ENABLE_DEBUG_INFO = NO;
732 | SDKROOT = iphoneos;
733 | VALIDATE_PRODUCT = YES;
734 | };
735 | name = Release;
736 | };
737 | /* End XCBuildConfiguration section */
738 |
739 | /* Begin XCConfigurationList section */
740 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "MessageBarTests" */ = {
741 | isa = XCConfigurationList;
742 | buildConfigurations = (
743 | 00E356F61AD99517003FC87E /* Debug */,
744 | 00E356F71AD99517003FC87E /* Release */,
745 | );
746 | defaultConfigurationIsVisible = 0;
747 | defaultConfigurationName = Release;
748 | };
749 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "MessageBar" */ = {
750 | isa = XCConfigurationList;
751 | buildConfigurations = (
752 | 13B07F941A680F5B00A75B9A /* Debug */,
753 | 13B07F951A680F5B00A75B9A /* Release */,
754 | );
755 | defaultConfigurationIsVisible = 0;
756 | defaultConfigurationName = Release;
757 | };
758 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "MessageBar" */ = {
759 | isa = XCConfigurationList;
760 | buildConfigurations = (
761 | 83CBBA201A601CBA00E9B192 /* Debug */,
762 | 83CBBA211A601CBA00E9B192 /* Release */,
763 | );
764 | defaultConfigurationIsVisible = 0;
765 | defaultConfigurationName = Release;
766 | };
767 | /* End XCConfigurationList section */
768 | };
769 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
770 | }
771 |
--------------------------------------------------------------------------------
/ios/MessageBar.xcodeproj/project.xcworkspace/contents.xcworkspacedata:
--------------------------------------------------------------------------------
1 |
2 |
4 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/ios/MessageBar.xcodeproj/project.xcworkspace/xcuserdata/kevin.xcuserdatad/UserInterfaceState.xcuserstate:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KBLNY/react-native-message-bar/f7eab2533c4ec5efd135d3dd5d288e67975d0734/ios/MessageBar.xcodeproj/project.xcworkspace/xcuserdata/kevin.xcuserdatad/UserInterfaceState.xcuserstate
--------------------------------------------------------------------------------
/ios/MessageBar.xcodeproj/xcshareddata/xcschemes/MessageBar.xcscheme:
--------------------------------------------------------------------------------
1 |
2 |
5 |
8 |
9 |
15 |
21 |
22 |
23 |
29 |
35 |
36 |
37 |
38 |
39 |
44 |
45 |
47 |
53 |
54 |
55 |
56 |
57 |
63 |
64 |
65 |
66 |
75 |
77 |
83 |
84 |
85 |
86 |
87 |
88 |
94 |
96 |
102 |
103 |
104 |
105 |
107 |
108 |
111 |
112 |
113 |
--------------------------------------------------------------------------------
/ios/MessageBar.xcodeproj/xcuserdata/kevin.xcuserdatad/xcschemes/xcschememanagement.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | SchemeUserState
6 |
7 | MessageBar.xcscheme_^#shared#^_
8 |
9 | orderHint
10 | 0
11 |
12 |
13 | SuppressBuildableAutocreation
14 |
15 | 00E356ED1AD99517003FC87E
16 |
17 | primary
18 |
19 |
20 | 13B07F861A680F5B00A75B9A
21 |
22 | primary
23 |
24 |
25 |
26 |
27 |
28 |
--------------------------------------------------------------------------------
/ios/MessageBar/AppDelegate.h:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | * All rights reserved.
4 | *
5 | * This source code is licensed under the BSD-style license found in the
6 | * LICENSE file in the root directory of this source tree. An additional grant
7 | * of patent rights can be found in the PATENTS file in the same directory.
8 | */
9 |
10 | #import
11 |
12 | @interface AppDelegate : UIResponder
13 |
14 | @property (nonatomic, strong) UIWindow *window;
15 |
16 | @end
17 |
--------------------------------------------------------------------------------
/ios/MessageBar/AppDelegate.m:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | * All rights reserved.
4 | *
5 | * This source code is licensed under the BSD-style license found in the
6 | * LICENSE file in the root directory of this source tree. An additional grant
7 | * of patent rights can be found in the PATENTS file in the same directory.
8 | */
9 |
10 | #import "AppDelegate.h"
11 |
12 | #import "RCTRootView.h"
13 |
14 | @implementation AppDelegate
15 |
16 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
17 | {
18 | NSURL *jsCodeLocation;
19 |
20 | /**
21 | * Loading JavaScript code - uncomment the one you want.
22 | *
23 | * OPTION 1
24 | * Load from development server. Start the server from the repository root:
25 | *
26 | * $ npm start
27 | *
28 | * To run on device, change `localhost` to the IP address of your computer
29 | * (you can get this by typing `ifconfig` into the terminal and selecting the
30 | * `inet` value under `en0:`) and make sure your computer and iOS device are
31 | * on the same Wi-Fi network.
32 | */
33 |
34 | jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];
35 |
36 | /**
37 | * OPTION 2
38 | * Load from pre-bundled file on disk. The static bundle is automatically
39 | * generated by "Bundle React Native code and images" build step.
40 | */
41 |
42 | // jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
43 |
44 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
45 | moduleName:@"MessageBar"
46 | initialProperties:nil
47 | launchOptions:launchOptions];
48 |
49 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
50 | UIViewController *rootViewController = [UIViewController new];
51 | rootViewController.view = rootView;
52 | self.window.rootViewController = rootViewController;
53 | [self.window makeKeyAndVisible];
54 | return YES;
55 | }
56 |
57 | @end
58 |
--------------------------------------------------------------------------------
/ios/MessageBar/Base.lproj/LaunchScreen.xib:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
21 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/ios/MessageBar/Images.xcassets/AppIcon.appiconset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "idiom" : "iphone",
5 | "size" : "29x29",
6 | "scale" : "2x"
7 | },
8 | {
9 | "idiom" : "iphone",
10 | "size" : "29x29",
11 | "scale" : "3x"
12 | },
13 | {
14 | "idiom" : "iphone",
15 | "size" : "40x40",
16 | "scale" : "2x"
17 | },
18 | {
19 | "idiom" : "iphone",
20 | "size" : "40x40",
21 | "scale" : "3x"
22 | },
23 | {
24 | "idiom" : "iphone",
25 | "size" : "60x60",
26 | "scale" : "2x"
27 | },
28 | {
29 | "idiom" : "iphone",
30 | "size" : "60x60",
31 | "scale" : "3x"
32 | }
33 | ],
34 | "info" : {
35 | "version" : 1,
36 | "author" : "xcode"
37 | }
38 | }
--------------------------------------------------------------------------------
/ios/MessageBar/Info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CFBundleDevelopmentRegion
6 | en
7 | CFBundleExecutable
8 | $(EXECUTABLE_NAME)
9 | CFBundleIdentifier
10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)
11 | CFBundleInfoDictionaryVersion
12 | 6.0
13 | CFBundleName
14 | $(PRODUCT_NAME)
15 | CFBundlePackageType
16 | APPL
17 | CFBundleShortVersionString
18 | 1.0
19 | CFBundleSignature
20 | ????
21 | CFBundleVersion
22 | 1
23 | LSRequiresIPhoneOS
24 |
25 | UILaunchStoryboardName
26 | LaunchScreen
27 | UIRequiredDeviceCapabilities
28 |
29 | armv7
30 |
31 | UISupportedInterfaceOrientations
32 |
33 | UIInterfaceOrientationPortrait
34 | UIInterfaceOrientationLandscapeLeft
35 | UIInterfaceOrientationLandscapeRight
36 |
37 | UIViewControllerBasedStatusBarAppearance
38 |
39 | NSLocationWhenInUseUsageDescription
40 |
41 | NSAppTransportSecurity
42 |
43 |
44 | NSAllowsArbitraryLoads
45 |
46 |
47 |
48 |
49 |
--------------------------------------------------------------------------------
/ios/MessageBar/main.m:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | * All rights reserved.
4 | *
5 | * This source code is licensed under the BSD-style license found in the
6 | * LICENSE file in the root directory of this source tree. An additional grant
7 | * of patent rights can be found in the PATENTS file in the same directory.
8 | */
9 |
10 | #import
11 |
12 | #import "AppDelegate.h"
13 |
14 | int main(int argc, char * argv[]) {
15 | @autoreleasepool {
16 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/ios/MessageBarTests/Info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CFBundleDevelopmentRegion
6 | en
7 | CFBundleExecutable
8 | $(EXECUTABLE_NAME)
9 | CFBundleIdentifier
10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)
11 | CFBundleInfoDictionaryVersion
12 | 6.0
13 | CFBundleName
14 | $(PRODUCT_NAME)
15 | CFBundlePackageType
16 | BNDL
17 | CFBundleShortVersionString
18 | 1.0
19 | CFBundleSignature
20 | ????
21 | CFBundleVersion
22 | 1
23 |
24 |
25 |
--------------------------------------------------------------------------------
/ios/MessageBarTests/MessageBarTests.m:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | * All rights reserved.
4 | *
5 | * This source code is licensed under the BSD-style license found in the
6 | * LICENSE file in the root directory of this source tree. An additional grant
7 | * of patent rights can be found in the PATENTS file in the same directory.
8 | */
9 |
10 | #import
11 | #import
12 |
13 | #import "RCTLog.h"
14 | #import "RCTRootView.h"
15 |
16 | #define TIMEOUT_SECONDS 240
17 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!"
18 |
19 | @interface MessageBarTests : XCTestCase
20 |
21 | @end
22 |
23 | @implementation MessageBarTests
24 |
25 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test
26 | {
27 | if (test(view)) {
28 | return YES;
29 | }
30 | for (UIView *subview in [view subviews]) {
31 | if ([self findSubviewInView:subview matching:test]) {
32 | return YES;
33 | }
34 | }
35 | return NO;
36 | }
37 |
38 | - (void)testRendersWelcomeScreen
39 | {
40 | UIViewController *vc = [[[[UIApplication sharedApplication] delegate] window] rootViewController];
41 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS];
42 | BOOL foundElement = NO;
43 |
44 | __block NSString *redboxError = nil;
45 | RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
46 | if (level >= RCTLogLevelError) {
47 | redboxError = message;
48 | }
49 | });
50 |
51 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {
52 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
53 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
54 |
55 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) {
56 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) {
57 | return YES;
58 | }
59 | return NO;
60 | }];
61 | }
62 |
63 | RCTSetLogFunction(RCTDefaultLogFunction);
64 |
65 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError);
66 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);
67 | }
68 |
69 |
70 | @end
71 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "react-native-message-bar",
3 | "version": "1.6.0",
4 | "description": "A message bar alert displayed at the top of the screen for react-native",
5 | "main": "index.js",
6 | "private": false,
7 | "author": "KBLNY (https://github.com/kblny)",
8 | "scripts": {
9 | "start": "react-native start"
10 | },
11 | "repository": {
12 | "type": "git",
13 | "url": "git@github.com:KBLNY/react-native-message-bar.git"
14 | },
15 | "keywords": [
16 | "react-native",
17 | "react",
18 | "native",
19 | "message",
20 | "bar",
21 | "alert",
22 | "notification",
23 | "status"
24 | ],
25 | "files": [
26 | "package.json",
27 | "README.md",
28 | "index.js",
29 | "MessageBar.js",
30 | "MessageBarManager.js",
31 | "LICENSE"
32 | ],
33 | "bugs": {
34 | "url": "https://github.com/KBLNY/react-native-message-bar/issues"
35 | },
36 | "license": "MIT"
37 | }
38 |
--------------------------------------------------------------------------------