How to Ask Users for App Ratings and Open Google Play Store (React Native) | Hacker Noon

Author profile picture

@coolprobnPrabin Poudel

Rails, React, React Native, Gatsby, CSS, Bootstrap

User ratings are very valuable to business as they play a crucial part in people’s purchasing decisions; be it restaurants, movie tickets or in the current context, our react native app. You must have seen prompts when you are surfing through any android app or playing games, that ask you to rate the app in google play store.

Are you wondering how you can emulate same behavior in our react native app that is live and has real users who you always wanted to cater? Getting user ratings or let’s say taking our user to google play store is possible in react native through the use of Linking. There are also many packages that we can use who will have Linking under the hood, but today we will be trying very simple solution without using any packages.

Simple Example

If you don’t have time to go through whole blog, this is what you will have to add to your code on button click asking to rate your app in google play store:


Detailed Example

In this example, we will create a button and add a method that can take our user to google play store.

# components/rateApp/rateAppButton.js
import React from 'react';
import { View, Text, Linking, TouchableHighlight, StyleSheet } from 'react-native';
import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';

const styles = StyleSheet.create({
  rateUsButton: {
    flexDirection: 'row',
    alignItems: 'center',
    backgroundColor: '#00875F',
    padding: 15,
    justifyContent: 'flex-start',

  rateUsText: {
    fontSize: 18,
    marginLeft: 10,
    color: colors.WHITE,

const RateAppButton = () => {
  const openPlayStore = () => {
    // it's a good idea to add this in .env file and use it from there
    const GOOGLE_PACKAGE_NAME = 'com.whatsapp';


  return (
    <TouchableHighlight onPress={openPlayStore}>
      <View style={styles.rateUsButton}>
        <Text style={styles.rateUsText}>Rate us on google play</Text>

export default RateAppButton;

Are you using some package to take your user to play store? Let us know in the comments below if you have solved this particular problem in some alternative way.


The Noonification banner

Subscribe to get your daily round-up of top tech stories!

read original article here