Control Sound and Vibration for Notifications in React-Native












0















I want to know if there's a way to control push notification's sound and vibration in a react-native project.



Actually I want to let user decide If notifications should have sound/vibration or not. User should be able to completely disable these functionalities.



I've search for this everywhere, but my question has differences with typical questions:




  • I want to let user decide (If sound or vibration should be disabled or not), so I want some package or something that have Javascript implementation so that I could add this functionality to my app's setting view.

  • I want to be able to do this in both IOS and Android.(feel free to answr if you have only knowledge in either case)










share|improve this question



























    0















    I want to know if there's a way to control push notification's sound and vibration in a react-native project.



    Actually I want to let user decide If notifications should have sound/vibration or not. User should be able to completely disable these functionalities.



    I've search for this everywhere, but my question has differences with typical questions:




    • I want to let user decide (If sound or vibration should be disabled or not), so I want some package or something that have Javascript implementation so that I could add this functionality to my app's setting view.

    • I want to be able to do this in both IOS and Android.(feel free to answr if you have only knowledge in either case)










    share|improve this question

























      0












      0








      0








      I want to know if there's a way to control push notification's sound and vibration in a react-native project.



      Actually I want to let user decide If notifications should have sound/vibration or not. User should be able to completely disable these functionalities.



      I've search for this everywhere, but my question has differences with typical questions:




      • I want to let user decide (If sound or vibration should be disabled or not), so I want some package or something that have Javascript implementation so that I could add this functionality to my app's setting view.

      • I want to be able to do this in both IOS and Android.(feel free to answr if you have only knowledge in either case)










      share|improve this question














      I want to know if there's a way to control push notification's sound and vibration in a react-native project.



      Actually I want to let user decide If notifications should have sound/vibration or not. User should be able to completely disable these functionalities.



      I've search for this everywhere, but my question has differences with typical questions:




      • I want to let user decide (If sound or vibration should be disabled or not), so I want some package or something that have Javascript implementation so that I could add this functionality to my app's setting view.

      • I want to be able to do this in both IOS and Android.(feel free to answr if you have only knowledge in either case)







      react-native react-native-android react-native-ios react-native-push-notification






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Aug 6 '18 at 13:12









      SoorenaSoorena

      1,45811226




      1,45811226
























          1 Answer
          1






          active

          oldest

          votes


















          0














          you should use react-native-push-notification package. just follow the documentation.



          After installing the package and link it to the project.
          Settings the notification is done (from documentation):



          PushNotification.localNotification({
          /* Android Only Properties */
          id: '0', // (optional) Valid unique 32 bit integer specified as string. default: Autogenerated Unique ID
          ticker: "My Notification Ticker", // (optional)
          autoCancel: true, // (optional) default: true
          largeIcon: "ic_launcher", // (optional) default: "ic_launcher"
          smallIcon: "ic_notification", // (optional) default: "ic_notification" with fallback for "ic_launcher"
          bigText: "My big text that will be shown when notification is expanded", // (optional) default: "message" prop
          subText: "This is a subText", // (optional) default: none
          color: "red", // (optional) default: system default
          vibrate: true, // (optional) default: true
          vibration: 300, // vibration length in milliseconds, ignored if vibrate=false, default: 1000
          tag: 'some_tag', // (optional) add tag to message
          group: "group", // (optional) add group to message
          ongoing: false, // (optional) set whether this is an "ongoing" notification
          priority: "high", // (optional) set notification priority, default: high
          visibility: "private", // (optional) set notification visibility, default: private
          importance: "high", // (optional) set notification importance, default: high

          /* iOS only properties */
          alertAction: // (optional) default: view
          category: // (optional) default: null
          userInfo: // (optional) default: null (object containing additional notification data)

          /* iOS and Android properties */
          title: "My Notification Title", // (optional)
          message: "My Notification Message", // (required)
          playSound: false, // (optional) default: true
          soundName: 'default', // (optional) Sound to play when the notification is shown. Value of 'default' plays the default sound. It can be set to a custom sound such as 'android.resource://com.xyz/raw/my_sound'. It will look for the 'my_sound' audio file in 'res/raw' directory and play it. default: 'default' (default sound is played)
          number: '10', // (optional) Valid 32 bit integer specified as string. default: none (Cannot be zero)
          repeatType: 'day', // (optional) Repeating interval. Check 'Repeating Notifications' section for more info.
          actions: '["Yes", "No"]', // (Android only) See the doc for notification actions to know more
          });


          The package is for Android and iOS...one code for both platforms



          few points to mention:




          1. iOS - vibration & sound are combined, one can't disable the sound but activate the vibration

          2. iOS - to enable only vibration without sound, you should "attach" a silent sound file that will be attached to to the sound property.






          share|improve this answer

























            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
            });


            }
            });














            draft saved

            draft discarded


















            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f51708511%2fcontrol-sound-and-vibration-for-notifications-in-react-native%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            0














            you should use react-native-push-notification package. just follow the documentation.



            After installing the package and link it to the project.
            Settings the notification is done (from documentation):



            PushNotification.localNotification({
            /* Android Only Properties */
            id: '0', // (optional) Valid unique 32 bit integer specified as string. default: Autogenerated Unique ID
            ticker: "My Notification Ticker", // (optional)
            autoCancel: true, // (optional) default: true
            largeIcon: "ic_launcher", // (optional) default: "ic_launcher"
            smallIcon: "ic_notification", // (optional) default: "ic_notification" with fallback for "ic_launcher"
            bigText: "My big text that will be shown when notification is expanded", // (optional) default: "message" prop
            subText: "This is a subText", // (optional) default: none
            color: "red", // (optional) default: system default
            vibrate: true, // (optional) default: true
            vibration: 300, // vibration length in milliseconds, ignored if vibrate=false, default: 1000
            tag: 'some_tag', // (optional) add tag to message
            group: "group", // (optional) add group to message
            ongoing: false, // (optional) set whether this is an "ongoing" notification
            priority: "high", // (optional) set notification priority, default: high
            visibility: "private", // (optional) set notification visibility, default: private
            importance: "high", // (optional) set notification importance, default: high

            /* iOS only properties */
            alertAction: // (optional) default: view
            category: // (optional) default: null
            userInfo: // (optional) default: null (object containing additional notification data)

            /* iOS and Android properties */
            title: "My Notification Title", // (optional)
            message: "My Notification Message", // (required)
            playSound: false, // (optional) default: true
            soundName: 'default', // (optional) Sound to play when the notification is shown. Value of 'default' plays the default sound. It can be set to a custom sound such as 'android.resource://com.xyz/raw/my_sound'. It will look for the 'my_sound' audio file in 'res/raw' directory and play it. default: 'default' (default sound is played)
            number: '10', // (optional) Valid 32 bit integer specified as string. default: none (Cannot be zero)
            repeatType: 'day', // (optional) Repeating interval. Check 'Repeating Notifications' section for more info.
            actions: '["Yes", "No"]', // (Android only) See the doc for notification actions to know more
            });


            The package is for Android and iOS...one code for both platforms



            few points to mention:




            1. iOS - vibration & sound are combined, one can't disable the sound but activate the vibration

            2. iOS - to enable only vibration without sound, you should "attach" a silent sound file that will be attached to to the sound property.






            share|improve this answer






























              0














              you should use react-native-push-notification package. just follow the documentation.



              After installing the package and link it to the project.
              Settings the notification is done (from documentation):



              PushNotification.localNotification({
              /* Android Only Properties */
              id: '0', // (optional) Valid unique 32 bit integer specified as string. default: Autogenerated Unique ID
              ticker: "My Notification Ticker", // (optional)
              autoCancel: true, // (optional) default: true
              largeIcon: "ic_launcher", // (optional) default: "ic_launcher"
              smallIcon: "ic_notification", // (optional) default: "ic_notification" with fallback for "ic_launcher"
              bigText: "My big text that will be shown when notification is expanded", // (optional) default: "message" prop
              subText: "This is a subText", // (optional) default: none
              color: "red", // (optional) default: system default
              vibrate: true, // (optional) default: true
              vibration: 300, // vibration length in milliseconds, ignored if vibrate=false, default: 1000
              tag: 'some_tag', // (optional) add tag to message
              group: "group", // (optional) add group to message
              ongoing: false, // (optional) set whether this is an "ongoing" notification
              priority: "high", // (optional) set notification priority, default: high
              visibility: "private", // (optional) set notification visibility, default: private
              importance: "high", // (optional) set notification importance, default: high

              /* iOS only properties */
              alertAction: // (optional) default: view
              category: // (optional) default: null
              userInfo: // (optional) default: null (object containing additional notification data)

              /* iOS and Android properties */
              title: "My Notification Title", // (optional)
              message: "My Notification Message", // (required)
              playSound: false, // (optional) default: true
              soundName: 'default', // (optional) Sound to play when the notification is shown. Value of 'default' plays the default sound. It can be set to a custom sound such as 'android.resource://com.xyz/raw/my_sound'. It will look for the 'my_sound' audio file in 'res/raw' directory and play it. default: 'default' (default sound is played)
              number: '10', // (optional) Valid 32 bit integer specified as string. default: none (Cannot be zero)
              repeatType: 'day', // (optional) Repeating interval. Check 'Repeating Notifications' section for more info.
              actions: '["Yes", "No"]', // (Android only) See the doc for notification actions to know more
              });


              The package is for Android and iOS...one code for both platforms



              few points to mention:




              1. iOS - vibration & sound are combined, one can't disable the sound but activate the vibration

              2. iOS - to enable only vibration without sound, you should "attach" a silent sound file that will be attached to to the sound property.






              share|improve this answer




























                0












                0








                0







                you should use react-native-push-notification package. just follow the documentation.



                After installing the package and link it to the project.
                Settings the notification is done (from documentation):



                PushNotification.localNotification({
                /* Android Only Properties */
                id: '0', // (optional) Valid unique 32 bit integer specified as string. default: Autogenerated Unique ID
                ticker: "My Notification Ticker", // (optional)
                autoCancel: true, // (optional) default: true
                largeIcon: "ic_launcher", // (optional) default: "ic_launcher"
                smallIcon: "ic_notification", // (optional) default: "ic_notification" with fallback for "ic_launcher"
                bigText: "My big text that will be shown when notification is expanded", // (optional) default: "message" prop
                subText: "This is a subText", // (optional) default: none
                color: "red", // (optional) default: system default
                vibrate: true, // (optional) default: true
                vibration: 300, // vibration length in milliseconds, ignored if vibrate=false, default: 1000
                tag: 'some_tag', // (optional) add tag to message
                group: "group", // (optional) add group to message
                ongoing: false, // (optional) set whether this is an "ongoing" notification
                priority: "high", // (optional) set notification priority, default: high
                visibility: "private", // (optional) set notification visibility, default: private
                importance: "high", // (optional) set notification importance, default: high

                /* iOS only properties */
                alertAction: // (optional) default: view
                category: // (optional) default: null
                userInfo: // (optional) default: null (object containing additional notification data)

                /* iOS and Android properties */
                title: "My Notification Title", // (optional)
                message: "My Notification Message", // (required)
                playSound: false, // (optional) default: true
                soundName: 'default', // (optional) Sound to play when the notification is shown. Value of 'default' plays the default sound. It can be set to a custom sound such as 'android.resource://com.xyz/raw/my_sound'. It will look for the 'my_sound' audio file in 'res/raw' directory and play it. default: 'default' (default sound is played)
                number: '10', // (optional) Valid 32 bit integer specified as string. default: none (Cannot be zero)
                repeatType: 'day', // (optional) Repeating interval. Check 'Repeating Notifications' section for more info.
                actions: '["Yes", "No"]', // (Android only) See the doc for notification actions to know more
                });


                The package is for Android and iOS...one code for both platforms



                few points to mention:




                1. iOS - vibration & sound are combined, one can't disable the sound but activate the vibration

                2. iOS - to enable only vibration without sound, you should "attach" a silent sound file that will be attached to to the sound property.






                share|improve this answer















                you should use react-native-push-notification package. just follow the documentation.



                After installing the package and link it to the project.
                Settings the notification is done (from documentation):



                PushNotification.localNotification({
                /* Android Only Properties */
                id: '0', // (optional) Valid unique 32 bit integer specified as string. default: Autogenerated Unique ID
                ticker: "My Notification Ticker", // (optional)
                autoCancel: true, // (optional) default: true
                largeIcon: "ic_launcher", // (optional) default: "ic_launcher"
                smallIcon: "ic_notification", // (optional) default: "ic_notification" with fallback for "ic_launcher"
                bigText: "My big text that will be shown when notification is expanded", // (optional) default: "message" prop
                subText: "This is a subText", // (optional) default: none
                color: "red", // (optional) default: system default
                vibrate: true, // (optional) default: true
                vibration: 300, // vibration length in milliseconds, ignored if vibrate=false, default: 1000
                tag: 'some_tag', // (optional) add tag to message
                group: "group", // (optional) add group to message
                ongoing: false, // (optional) set whether this is an "ongoing" notification
                priority: "high", // (optional) set notification priority, default: high
                visibility: "private", // (optional) set notification visibility, default: private
                importance: "high", // (optional) set notification importance, default: high

                /* iOS only properties */
                alertAction: // (optional) default: view
                category: // (optional) default: null
                userInfo: // (optional) default: null (object containing additional notification data)

                /* iOS and Android properties */
                title: "My Notification Title", // (optional)
                message: "My Notification Message", // (required)
                playSound: false, // (optional) default: true
                soundName: 'default', // (optional) Sound to play when the notification is shown. Value of 'default' plays the default sound. It can be set to a custom sound such as 'android.resource://com.xyz/raw/my_sound'. It will look for the 'my_sound' audio file in 'res/raw' directory and play it. default: 'default' (default sound is played)
                number: '10', // (optional) Valid 32 bit integer specified as string. default: none (Cannot be zero)
                repeatType: 'day', // (optional) Repeating interval. Check 'Repeating Notifications' section for more info.
                actions: '["Yes", "No"]', // (Android only) See the doc for notification actions to know more
                });


                The package is for Android and iOS...one code for both platforms



                few points to mention:




                1. iOS - vibration & sound are combined, one can't disable the sound but activate the vibration

                2. iOS - to enable only vibration without sound, you should "attach" a silent sound file that will be attached to to the sound property.







                share|improve this answer














                share|improve this answer



                share|improve this answer








                edited Jan 13 at 9:39

























                answered Nov 14 '18 at 11:53









                asaf.basaf.b

                94212




                94212






























                    draft saved

                    draft discarded




















































                    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.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function () {
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f51708511%2fcontrol-sound-and-vibration-for-notifications-in-react-native%23new-answer', 'question_page');
                    }
                    );

                    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







                    Popular posts from this blog

                    Xamarin.iOS Cant Deploy on Iphone

                    Glorious Revolution

                    Dulmage-Mendelsohn matrix decomposition in Python