Hide vertical scroll bar

JoeNg93 · Feb 24, 2019 · 6ab0bc4 · 6ab0bc4
1 parent 5853e80
commit 6ab0bc4
Show file tree

Hide file tree

Showing 10 changed files with 22 additions and 9 deletions.
diff --git a/...eens/MainScreens/MySubscriptionScreens/AddSubscriptionScreens/SubscriptionDetailScreen.js b/...eens/MainScreens/MySubscriptionScreens/AddSubscriptionScreens/SubscriptionDetailScreen.js
@@ -58,7 +58,10 @@ class SubscriptionDetailScreen extends React.Component {
     }
 
     return (
-      <ScrollView style={styles.mainContainer}>
+      <ScrollView
+        showsVerticalScrollIndicator={false}
+        style={styles.mainContainer}
+      >
         <View style={styles.topContainer}>
           <Image
             style={styles.image}

diff --git a/...s/MainScreens/MySubscriptionScreens/AddSubscriptionScreens/SubscriptionSelectionScreen.js b/...s/MainScreens/MySubscriptionScreens/AddSubscriptionScreens/SubscriptionSelectionScreen.js
@@ -335,7 +335,10 @@ class SubscriptionSelectionScreen extends React.Component {
               }}
             />
             <View style={{ bottom: 0 }}>
-              <ScrollView style={styles.cart}>
+              <ScrollView
+                showsVerticalScrollIndicator={false}
+                style={styles.cart}
+              >
                 <View>
                   <View style={styles.cartTitleContainer}>
                     <View style={{ flexDirection: 'row' }}>

diff --git a/front-end/screens/MainScreens/MySubscriptionScreens/CheckoutScreens/OrderSummaryScreen.js b/front-end/screens/MainScreens/MySubscriptionScreens/CheckoutScreens/OrderSummaryScreen.js
@@ -126,7 +126,10 @@ class OrderSummaryScreen extends React.Component {
   render() {
     return (
       <View style={styles.mainContainer}>
-        <ScrollView style={{ paddingHorizontal: 30 }}>
+        <ScrollView
+          showsVerticalScrollIndicator={false}
+          style={{ paddingHorizontal: 30 }}
+        >
           <CheckoutStepProgress currentStep="3" />
           <View style={styles.orderedSubscriptionsContainer}>
             <Text style={styles.titleText}>Subscriptions Ordered</Text>

diff --git a/...creens/MainScreens/MySubscriptionScreens/CheckoutScreens/ShippingAddressCheckoutScreen.js b/...creens/MainScreens/MySubscriptionScreens/CheckoutScreens/ShippingAddressCheckoutScreen.js
@@ -157,7 +157,7 @@ class ShippingAddressCheckoutScreen extends React.Component {
     console.log(this.props.user);
     return (
       <View style={styles.mainContainer}>
-        <ScrollView>
+        <ScrollView showsVerticalScrollIndicator={false}>
           <CheckoutStepProgress currentStep="1" />
 
           <View style={{ marginTop: 34 }}>

diff --git a/front-end/screens/MainScreens/MySubscriptionScreens/MySubscriptionScreen.js b/front-end/screens/MainScreens/MySubscriptionScreens/MySubscriptionScreen.js
@@ -170,7 +170,7 @@ class MySubscriptionScreen extends React.Component {
               paddingLeft: 32,
             }}
           >
-            <ScrollView>
+            <ScrollView showsVerticalScrollIndicator={false}>
               <Text style={styles.mainTitle}>Current subscriptions</Text>
               {this.renderSubscriptionListPerOrder()}
             </ScrollView>

diff --git a/...creens/MySubscriptionScreens/SubscriptionManagementScreens/ChangeShippingAddressScreen.js b/...creens/MySubscriptionScreens/SubscriptionManagementScreens/ChangeShippingAddressScreen.js
@@ -87,7 +87,7 @@ export default class ChangeShippingAddressScreen extends React.Component {
   render() {
     return (
       <View style={styles.mainContainer}>
-        <ScrollView>
+        <ScrollView showsVerticalScrollIndicator={false}>
           <View style={{ marginTop: 34 }}>
             <Text style={styles.titleText}>Shipping address</Text>
             {this.state.fetchShippingAddresses && (

diff --git a/...reens/MySubscriptionScreens/SubscriptionManagementScreens/SubscriptionManagementScreen.js b/...reens/MySubscriptionScreens/SubscriptionManagementScreens/SubscriptionManagementScreen.js
@@ -171,7 +171,7 @@ export default class SubscriptionManagementScreen extends React.Component {
     return (
       <View style={styles.mainContainer}>
         {this.state.fetchedOrder && (
-          <ScrollView>
+          <ScrollView showsVerticalScrollIndicator={false}>
             <View style={{ paddingRight: offset }}>
               <View style={styles.orderTitleContainer}>
                 <Text style={styles.orderTitle}>

diff --git a/front-end/screens/MainScreens/OrderHistoryScreens/OrderHistoryDetailsScreen.js b/front-end/screens/MainScreens/OrderHistoryScreens/OrderHistoryDetailsScreen.js
@@ -150,7 +150,7 @@ export default class OrderHistoryDetailsScreen extends React.Component {
     return (
       <View style={styles.mainContainer}>
         {this.state.fetchedOrder && (
-          <ScrollView>
+          <ScrollView showsVerticalScrollIndicator={false}>
             <View style={{ paddingRight: offset }}>
               <View style={styles.orderTitleContainer}>
                 <Text style={styles.orderTitle}>

diff --git a/front-end/screens/MainScreens/OrderHistoryScreens/OrderHistoryScreen.js b/front-end/screens/MainScreens/OrderHistoryScreens/OrderHistoryScreen.js
@@ -108,6 +108,7 @@ export default class OrderHistoryScreen extends React.Component {
   render () {
     return (
       <ScrollView
+        showsVerticalScrollIndicator={false}
         contentContainerStyle={styles.scrollContainerContent}
         style={styles.container}
       >

diff --git a/front-end/screens/MainScreens/UserProfileScreens/UserProfileScreen.js b/front-end/screens/MainScreens/UserProfileScreens/UserProfileScreen.js
@@ -67,7 +67,10 @@ class UserProfileScreen extends React.Component {
     const { name, email, shippingAddress, billingAddress } = this.props.user;
     return (
       <View style={styles.container}>
-        <ScrollView contentContainerStyle={styles.scrollContainerContent}>
+        <ScrollView
+          showsVerticalScrollIndicator={false}
+          contentContainerStyle={styles.scrollContainerContent}
+        >
           <View style={styles.bigCircle} />
           <View style={styles.namePictureContainer}>
             <Image