Build Terms and Conditions Component for Your App

Learn how to add Terms and Conditions functionality to your custom React Native and Django app with Crowdbotics.

What is the Terms and Conditions component and how much does it cost?

A screen that displays the app's terms and conditions. It usually takes between 3.6 and 4.4 hours and costs $300 to add Terms and Conditions to an application.

How does the Terms and Conditions component work?

This feature displays a standard set of terms and conditions regarding the usage of the app. These terms can be customized as needed.

What is the Terms and Conditions component used for?

Here are some common Terms and Conditions user stories in a custom app build:

As an app user, I would like to review the terms and conditions governing my use of the app.

Terms and Conditions component README file

Terms & Conditions Screen

The Terms and Conditions Screen is a ReactNative based screen that leverages the webview with a simple header.

Installation

After you have added the screen module into your project, you will need to configure a few items by modifying the project files in the github repository. Please note to replace ####### with the numeric sequence for your screen (found in folder name under /src/features) and also that the @BluePrint tags for ImportInsertion and NavigationInsertion will be removed in future so placement is with other imports and inside the AppNavigator above other screens.

STEP 1: Add dependency library to the project.

/PROJECT_ROOT_DIRECTORY/package.json:

ADD Dependency after Line 16 (dependencies opening line ""dependencies": { ")

"react-native-webview": "^10.8.2",

Step 2: Add screen into your project screen navigation.

/src/mainNavigator.js: ADD immediately below in the section labeled //@BlueprintImportInsertion:

import TermsAndConditions#######Navigator from '../features/TermsAndConditions#######/navigator';

ADD immediately below in the section inside AppNavigator definition labeled //@BlueprintNavigationInsertion section:

TermsAndConditions#######: { screen: TermsAndConditions#######Navigator },

STEP 3: Add Terms screen into the sidemenu navigation.

/src/config/installed_blueprints.js ADD Make sure any screens that aren’t desired in the side menu are removed from the file.

In installed_blueprints.js you need to add objects for every screen that you want to show in the sidemenu/splash screen. They have a specific format:

{ name: 'TermsAndConditions#######', human_name: 'Terms & Conditions', access_route: 'TermsAndConditions#######'}

name: doesn't matter much, its used as a unique key for the side menu and splash screens array of buttons, it must be unique, that's the only requirement

human_name: is what will be displayed in actual app

access_route: must be the name of the key in your mainNavigator setup

STEP 4: Set the left arrow screen redirect.

/src/features/TermsAndConditions######/screens/index.js:

MODIFY Line 161 (replace HomeScreen177788 with your desired Home/return screen name:

<TouchableOpacity style={{ padding: 5 }} onPress={() => { this.props.navigation.navigate('HomeScreen177788') }}>

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT

This component does not yet have a README file. However, another Crowdbotics user may have created this component and shared it as a free community component.

Browse our community components for the Terms and Conditions component.

Full Terms and Conditions component code

import Icon from 'react-native-vector-icons/FontAwesome5';
import React, { Component } from "react";
import { connect } from "react-redux";
import { Text, View, ScrollView, Image, TouchableOpacity } from "react-native";
import { styles } from "./styles";
import WebView from "react-native-webview";

const htmlContent = `TERMS & CONDITIONS - SAMPLE
CROWDBOTICS CORPORATION SOFTWARE AND SERVICES TERMS OF USE
Last updated June 12, 2020
BY ACCEPTING THESE TERMS, BY (1) CLICKING A BOX OR BUTTON INDICATING ACCEPTANCE, (2) EXECUTING AN ORDER FORM THAT REFERENCES THESE TERMS, OR (3) USING A FREE PRODUCT, YOU AGREE TO THESE TERMS. IF YOU REGISTER FOR CROWDBOTICS’ FREE PRODUCT, THE APPLICABLE PROVISIONS OF THESE TERMS WILL ALSO GOVERN THAT FREE PRODUCT.  IF THE INDIVIDUAL ACCEPTING THESE TERMS IS ACCEPTING ON BEHALF OF A COMPANY OR OTHER LEGAL ENTITY, SUCH INDIVIDUAL REPRESENTS THAT THEY HAVE THE AUTHORITY TO BIND SUCH ENTITY AND ITS AFFILIATES TO THESE TERMS, IN WHICH CASE THE TERM “YOU” REFERS TO SUCH ENTITY AND ITS AFFILIATES. IF THE INDIVIDUAL ACCEPTING THESE TERMS DOES NOT HAVE SUCH AUTHORITY, OR DOES NOT AGREE WITH THESE TERMS, SUCH INDIVIDUAL MUST NOT ACCEPT THESE TERMS AND MAY NOT USE THE PLATFORM.
1. PLATFORM.
Subject to the terms and conditions of these Terms, Crowdbotics grants you during the Term (defined below) a limited, non-exclusive, non-transferable, non-sublicenseable right to access and use the Crowdbotics website, software development platform, engineering workforce and module library (collectively, the “Platform”) for the purpose of managing, hosting, developing, launching, and analyzing your proprietary software applications (“Apps”).
2. PROFESSIONAL SERVICES.
Subject to the terms and conditions of these Terms, Crowdbotics will perform the professional engineering, design, or product management services set forth on an Order Form or as otherwise requested through the Platform, which may include managed use of the Platform by Crowdbotics on your behalf (“Services”).  The manner and means by which Crowdbotics chooses to complete the Services are in Crowdbotics’ sole discretion and control. Crowdbotics’ obligations to provide the Services are conditioned upon receiving such information and cooperation from you as may be reasonably necessary to perform the Services.
3. RESTRICTIONS.
The rights granted to you in these Terms are subject to the following restrictions: (a) you may not license, sell, rent, lease, transfer, assign, distribute, host, or otherwise commercially exploit the Platform, whether in whole or in part, or any content displayed on the Platform; (b) you may not modify, make derivative works of, disassemble, reverse compile or reverse engineer any part of the Platform; and (c) except as expressly stated herein, no part of the Platform may be copied, reproduced, distributed, republished, downloaded, displayed, posted or transmitted in any form or by any means.  Unless otherwise indicated, any future release, update, or other addition to functionality of the Platform is subject to these Terms.  Unless otherwise specified on the Platform, all copyright and other proprietary notices on the Platform (or on any content displayed on the Platform) must be retained on all copies thereof.
4. YOUR RESPONSIBILITIES.
You will (a) be responsible for your authorized users’ (“Users”) compliance with these Terms and Order Forms, (b) be responsible for the accuracy, quality and legality of User Content (defined below), (c) be responsible for your use of your Apps (including any Invention and any Prior Invention or Reusable Module (each defined below) incorporated into an Invention) and the interoperation of your App with any third party application, (d) use commercially reasonable efforts to prevent unauthorized access to or use of Platform, and notify Crowdbotics promptly of any such unauthorized access or use, and (e) use the Platform and Services only in accordance with these Terms and applicable laws and government regulations. Any use of the Platform in breach of the foregoing by you or Users that in Crowdbotics’ judgment threatens the security, integrity or availability of Crowdbotics’ services, may result in Crowdbotics’ immediate suspension of the Platform, however Crowdbotics will use commercially reasonable efforts under the circumstances to provide you with notice and an opportunity to remedy such violation or threat prior to any such suspension.
5. ACCOUNTS.
a. Registration. In order to use certain features of the Platform, you must register for an account (“Account”) and provide certain information about yourself as prompted by the account registration form.  You represent and warrant that: (i) all required registration information you submit is truthful and accurate; (ii) you will maintain the accuracy of such information. You may delete your Account at any time, for any reason, by following the instructions on the Platform.  Crowdbotics may suspend or terminate your Account in accordance with Section 9.
b. Responsibilities. You are responsible for maintaining the confidentiality of your Account login information and are fully responsible for all activities that occur under your Account.  You agree to immediately notify Crowdbotics of any unauthorized use, or suspected unauthorized use of your Account or any other breach of security.  Crowdbotics cannot and will not be liable for any loss or damage arising from your failure to comply with the above requirements.
6. USER CONTENT.
“User Content” means any and all information and content that you submit to the Platform (e.g., Materials (defined below) that you submit to the Platform).  You are solely responsible for your User Content.  You assume all risks associated with use of your User Content, including any reliance on its accuracy, completeness or usefulness by others, or any disclosure of your User Content that personally identifies you or any third party.  You represent and warrant that your User Content does not violate Crowdbotics’ Acceptable Use Policy (set forth below).  You may not represent or imply to others that your User Content is in any way provided, sponsored or endorsed by Crowdbotics.  Because you alone are responsible for your User Content, you may expose yourself to liability if, for example, your User Content violates the Acceptable Use Policy.
7. OWNERSHIP.
a. Platform. Crowdbotics retains all rights in the Platform, except as expressly set forth in these Terms.
b. Apps. You own your Apps, subject to the terms and conditions of these Terms.
c. Inventions.  All rights in and to any copyrightable software, algorithm, code, material, notes, records, drawings, designs, inventions, improvements, developments, discoveries and trade secrets (“Materials”) conceived, discovered, authored, invented, developed or reduced to practice by Crowdbotics, solely or in collaboration with others, during the Term and arising out of, or in connection with, performing the Services under these Terms and any copyrights, patents, trade secrets, mask work rights or other intellectual property rights relating to the foregoing (collectively, but excluding Prior Inventions and Reusable Modules “Inventions”), are your sole property. Crowdbotics will promptly disclose any Invention to you in writing and will deliver and assign (or cause to be assigned) and hereby assigns fully to you all right, title and interest in and to the Inventions. Crowdbotics will reasonably assist you to further evidence, record and perfect such assignments, and to perfect, obtain, maintain, enforce and defend any rights assigned.  Notwithstanding the foregoing, Crowdbotics reserves the right to use and re-use any generalized knowledge it gains arising from the performance of Services in its business without liability to you.

[...]

Truncated due to character limit. See full code in the Crowdbotics platform.

This component is not yet available as a verified component in the Crowdbotics platform. However, another Crowdbotics user may have created it and shared it as a free community component.

Browse our community components for the Terms and Conditions component.

Recommended components for you

All component categories

Add this feature to your project

Snap Terms and Conditions into your app along with our full library of prebuilt components.

Import layouts directly from Figma and visually build backend data models.

Two-way GitHub sync and automated deployments to Heroku will have your app up and running in minutes.

Add Terms and Conditions to My App

Build with more components from Crowdbotics

Crowdbotics can build your custom app with Terms and Conditions functionality and hundreds of other components.

Go from specs to code 4X faster than conventional development.

Our expert PMs and developers are standing by to provide a detailed quote and build timeline.

Start Building