Upload files with showing determinate Progress Bar in Notification bar using React Native
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I am trying to achieve a scenario where file is uploading and I want to make this upload process keep running with having percentage bar when the app was kill. And The process will resume upload process when the phone off with any reason (battery drain or out services).
I have tried this with local notification with Firebase and react-native-local-notifications. But it is not working.
react-native file-upload notifications progress-bar android-notifications
asked Nov 22 '18 at 6:40
Pankaj NegiPankaj Negi
503613
add a comment |
I am trying to achieve a scenario where file is uploading and I want to make this upload process keep running with having percentage bar when the app was kill. And The process will resume upload process when the phone off with any reason (battery drain or out services).
I have tried this with local notification with Firebase and react-native-local-notifications. But it is not working.
react-native file-upload notifications progress-bar android-notifications
asked Nov 22 '18 at 6:40
Pankaj NegiPankaj Negi
503613
Could you please elaborate little more. I could understand only some of your question.
– Ron
Nov 22 '18 at 7:15
Actually I am uploading files to server and showing progress in Percentage in Progress Bar. But Now I want show the Progress in Notification Area.
– Pankaj Negi
Nov 22 '18 at 7:19
Got your question now @Pankaj Negi !. Thnx.
– Ron
Nov 22 '18 at 7:23
do you know about this scenario ?? how can we do this in React Native ??
– Pankaj Negi
Nov 22 '18 at 7:27
add a comment |
I am trying to achieve a scenario where file is uploading and I want to make this upload process keep running with having percentage bar when the app was kill. And The process will resume upload process when the phone off with any reason (battery drain or out services).
I have tried this with local notification with Firebase and react-native-local-notifications. But it is not working.
react-native file-upload notifications progress-bar android-notifications
asked Nov 22 '18 at 6:40
Pankaj NegiPankaj Negi
503613
I am trying to achieve a scenario where file is uploading and I want to make this upload process keep running with having percentage bar when the app was kill. And The process will resume upload process when the phone off with any reason (battery drain or out services).
I have tried this with local notification with Firebase and react-native-local-notifications. But it is not working.
react-native file-upload notifications progress-bar android-notifications
react-native file-upload notifications progress-bar android-notifications
asked Nov 22 '18 at 6:40
Pankaj NegiPankaj Negi
503613
asked Nov 22 '18 at 6:40
Pankaj NegiPankaj Negi
503613
asked Nov 22 '18 at 6:40
Pankaj NegiPankaj Negi
503613
asked Nov 22 '18 at 6:40
Pankaj NegiPankaj Negi
503613
asked Nov 22 '18 at 6:40
Pankaj NegiPankaj Negi
503613
503613
Could you please elaborate little more. I could understand only some of your question.
– Ron
Nov 22 '18 at 7:15
Actually I am uploading files to server and showing progress in Percentage in Progress Bar. But Now I want show the Progress in Notification Area.
– Pankaj Negi
Nov 22 '18 at 7:19
Got your question now @Pankaj Negi !. Thnx.
– Ron
Nov 22 '18 at 7:23
do you know about this scenario ?? how can we do this in React Native ??
– Pankaj Negi
Nov 22 '18 at 7:27
add a comment |
Could you please elaborate little more. I could understand only some of your question.
– Ron
Nov 22 '18 at 7:15
Actually I am uploading files to server and showing progress in Percentage in Progress Bar. But Now I want show the Progress in Notification Area.
– Pankaj Negi
Nov 22 '18 at 7:19
Got your question now @Pankaj Negi !. Thnx.
– Ron
Nov 22 '18 at 7:23
do you know about this scenario ?? how can we do this in React Native ??
– Pankaj Negi
Nov 22 '18 at 7:27
Could you please elaborate little more. I could understand only some of your question.
– Ron
Nov 22 '18 at 7:15
Could you please elaborate little more. I could understand only some of your question.
– Ron
Nov 22 '18 at 7:15
Actually I am uploading files to server and showing progress in Percentage in Progress Bar. But Now I want show the Progress in Notification Area.
– Pankaj Negi
Nov 22 '18 at 7:19
Actually I am uploading files to server and showing progress in Percentage in Progress Bar. But Now I want show the Progress in Notification Area.
– Pankaj Negi
Nov 22 '18 at 7:19
Got your question now @Pankaj Negi !. Thnx.
– Ron
Nov 22 '18 at 7:23
Got your question now @Pankaj Negi !. Thnx.
– Ron
Nov 22 '18 at 7:23
do you know about this scenario ?? how can we do this in React Native ??
– Pankaj Negi
Nov 22 '18 at 7:27
do you know about this scenario ?? how can we do this in React Native ??
– Pankaj Negi
Nov 22 '18 at 7:27
add a comment |
2 Answers
2
active
oldest
votes
Test this package out,
react-native background-upload
Hope this helps you, do comment if any doubts.
answered Nov 22 '18 at 7:31
RonRon
5091521
yes I have tired this. But how to display progress in notification bar when I get progress in Upload.addListener('progress', uploadId, (data) => { console.log(Progress: ${data.progress}%) }). ??
– Pankaj Negi
Nov 22 '18 at 7:34
add a comment |
I have create react-native-notification-background-files-upload npm package. you can use this link https://www.npmjs.com/package/react-native-notification-background-files-upload to work with the above scenario. Different android device provide different results when you kill the app. Some device remove the notification process when you kill app from RAM, bcoz they need auto start permission from settings. thanks :)
answered Dec 11 '18 at 8:17
Pankaj NegiPankaj Negi
503613
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53425187%2fupload-files-with-showing-determinate-progress-bar-in-notification-bar-using-rea%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
Test this package out,
react-native background-upload
Hope this helps you, do comment if any doubts.
answered Nov 22 '18 at 7:31
RonRon
5091521
yes I have tired this. But how to display progress in notification bar when I get progress in Upload.addListener('progress', uploadId, (data) => { console.log(Progress: ${data.progress}%) }). ??
– Pankaj Negi
Nov 22 '18 at 7:34
add a comment |
Test this package out,
react-native background-upload
Hope this helps you, do comment if any doubts.
answered Nov 22 '18 at 7:31
RonRon
5091521
yes I have tired this. But how to display progress in notification bar when I get progress in Upload.addListener('progress', uploadId, (data) => { console.log(Progress: ${data.progress}%) }). ??
– Pankaj Negi
Nov 22 '18 at 7:34
add a comment |
Test this package out,
react-native background-upload
Hope this helps you, do comment if any doubts.
answered Nov 22 '18 at 7:31
RonRon
5091521
Test this package out,
react-native background-upload
Hope this helps you, do comment if any doubts.
answered Nov 22 '18 at 7:31
RonRon
5091521
answered Nov 22 '18 at 7:31
RonRon
5091521
answered Nov 22 '18 at 7:31
RonRon
5091521
answered Nov 22 '18 at 7:31
RonRon
5091521
5091521
yes I have tired this. But how to display progress in notification bar when I get progress in Upload.addListener('progress', uploadId, (data) => { console.log(Progress: ${data.progress}%) }). ??
– Pankaj Negi
Nov 22 '18 at 7:34
add a comment |
yes I have tired this. But how to display progress in notification bar when I get progress in Upload.addListener('progress', uploadId, (data) => { console.log(Progress: ${data.progress}%) }). ??
– Pankaj Negi
Nov 22 '18 at 7:34
yes I have tired this. But how to display progress in notification bar when I get progress in Upload.addListener('progress', uploadId, (data) => { console.log(
Progress: ${data.progress}%) }). ??– Pankaj Negi
Nov 22 '18 at 7:34
yes I have tired this. But how to display progress in notification bar when I get progress in Upload.addListener('progress', uploadId, (data) => { console.log(
Progress: ${data.progress}%) }). ??– Pankaj Negi
Nov 22 '18 at 7:34
add a comment |
I have create react-native-notification-background-files-upload npm package. you can use this link https://www.npmjs.com/package/react-native-notification-background-files-upload to work with the above scenario. Different android device provide different results when you kill the app. Some device remove the notification process when you kill app from RAM, bcoz they need auto start permission from settings. thanks :)
answered Dec 11 '18 at 8:17
Pankaj NegiPankaj Negi
503613
add a comment |
I have create react-native-notification-background-files-upload npm package. you can use this link https://www.npmjs.com/package/react-native-notification-background-files-upload to work with the above scenario. Different android device provide different results when you kill the app. Some device remove the notification process when you kill app from RAM, bcoz they need auto start permission from settings. thanks :)
answered Dec 11 '18 at 8:17
Pankaj NegiPankaj Negi
503613
add a comment |
I have create react-native-notification-background-files-upload npm package. you can use this link https://www.npmjs.com/package/react-native-notification-background-files-upload to work with the above scenario. Different android device provide different results when you kill the app. Some device remove the notification process when you kill app from RAM, bcoz they need auto start permission from settings. thanks :)
answered Dec 11 '18 at 8:17
Pankaj NegiPankaj Negi
503613
I have create react-native-notification-background-files-upload npm package. you can use this link https://www.npmjs.com/package/react-native-notification-background-files-upload to work with the above scenario. Different android device provide different results when you kill the app. Some device remove the notification process when you kill app from RAM, bcoz they need auto start permission from settings. thanks :)
answered Dec 11 '18 at 8:17
Pankaj NegiPankaj Negi
503613
edited Dec 24 '18 at 4:53
answered Dec 11 '18 at 8:17
Pankaj NegiPankaj Negi
503613
answered Dec 11 '18 at 8:17
Pankaj NegiPankaj Negi
503613
answered Dec 11 '18 at 8:17
Pankaj NegiPankaj Negi
503613
503613
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53425187%2fupload-files-with-showing-determinate-progress-bar-in-notification-bar-using-rea%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Could you please elaborate little more. I could understand only some of your question.
– Ron
Nov 22 '18 at 7:15
Actually I am uploading files to server and showing progress in Percentage in Progress Bar. But Now I want show the Progress in Notification Area.
– Pankaj Negi
Nov 22 '18 at 7:19
Got your question now @Pankaj Negi !. Thnx.
– Ron
Nov 22 '18 at 7:23
do you know about this scenario ?? how can we do this in React Native ??
– Pankaj Negi
Nov 22 '18 at 7:27