304_updateRangePKHome

component/OnlineStudy/2-PlayerPKHome/index.js

 import React, {Component} from 'react';
-import {View, Text, StyleSheet, Dimensions, Image} from 'react-native';
+import {View, StyleSheet, Dimensions, Image} from 'react-native';
 import Img1 from './img/img1.png';
 import Img2 from './img/img2.png';
 import MyButton from '../MyButton';

component/OnlineStudy/2-PlayerPKStudy/index.js

@@ -138,7 +138,7 @@ const styles = StyleSheet.create({
     textAlignVertical: 'center',
     flex: 1,
     color: '#592202',
-    fontSize: parseInt(height) / 12,
+    fontSize: parseInt(height, 10) / 12,
     fontWeight: 'bold',
     textAlign: 'center',
   },

component/OnlineStudy/BannerStyle/index.js

 import '../GlobalSetting';
 import React, {Component} from 'react';
-import {View, Text, StyleSheet, Dimensions} from 'react-native';
+import {View, StyleSheet, Dimensions} from 'react-native';
 import MyButton from '../MyButton';
 
 const {width, height} = Dimensions.get('window');

component/OnlineStudy/MyBanner/index.js

@@ -189,14 +189,14 @@ const styles = StyleSheet.create({
   },
   textStyle: {
     flex: 1,
-    fontSize: parseInt(height) / 23,
+    fontSize: parseInt(height, 10) / 23,
     fontWeight: 'bold',
     textAlign: 'center',
     textAlignVertical: 'center',
   },
   buttonStyle: {
     alignSelf: 'center',
-    height: parseInt(height) / 8,
+    height: parseInt(height, 10) / 8,
     width: '80%',
     borderRadius: 10,
     borderWidth: 4,

component/OnlineStudy/MyButton/index.js

@@ -83,7 +83,7 @@ const styles = StyleSheet.create({
   },
   textStyle: {
     flex: 1,
-    fontSize: parseInt(height) / 28,
+    fontSize: parseInt(height, 10) / 28,
     fontWeight: 'bold',
     textAlign: 'center',
     textAlignVertical: 'center',
@@ -98,7 +98,7 @@ const styles = StyleSheet.create({
   },
   buttonStyle: {
     alignSelf: 'center',
-    height: parseInt(height) / 8,
+    height: parseInt(height, 10) / 8,
     width: '50%',
     borderRadius: 40,
     borderWidth: 4,

component/OnlineStudy/MyRecord/index.js

 import React, {Component} from 'react';
 import {View, Text, StyleSheet, Dimensions, Pressable} from 'react-native';
-import {Button} from 'react-native-elements';
 import PropTypes from 'prop-types';
 
 const {width, height} = Dimensions.get('window');
@@ -58,7 +57,7 @@ const styles = StyleSheet.create({
   text: {
     flex: 1,
     color: '#592202',
-    fontSize: parseInt(height) / 28,
+    fontSize: parseInt(height, 10) / 28,
     fontWeight: '500',
     textAlign: 'center',
     marginHorizontal: '8%',
@@ -71,7 +70,7 @@ const styles = StyleSheet.create({
     borderWidth: 2,
     borderRadius: 20,
     height: '90%',
-    width: parseInt(width) * 0.75,
+    width: parseInt(width, 10) * 0.75,
   },
 });
 

component/OnlineStudy/MyTitle/index.js

@@ -36,7 +36,7 @@ const styles = StyleSheet.create({
   textStyle: {
     marginHorizontal: '5%',
     marginVertical: '3%',
-    fontSize: parseInt(height) / 25,
+    fontSize: parseInt(height, 10) / 25,
     color: '#592202',
     fontWeight: 'bold',
   },

component/OnlineStudy/OnlineStudyHome/index.js

 import React, {Component} from 'react';
-import {
-  View,
-  Text,
-  StyleSheet,
-  Dimensions,
-  Image,
-  TouchableHighlight,
-  Pressable,
-} from 'react-native';
+import {View, StyleSheet, Dimensions, Image, Pressable} from 'react-native';
 
 const {width, height} = Dimensions.get('window');
 

component/OnlineStudy/RangePKHome/index.js

@@ -103,7 +103,7 @@ const styles = StyleSheet.create({
     flex: 1,
     color: '#592202',
     fontWeight: '400',
-    fontSize: parseInt(height) / 35,
+    fontSize: parseInt(height, 10) / 35,
     textAlign: 'center',
   },
   image: {

component/OnlineStudy/SettingButton/index.js

 import React, {Component} from 'react';
-import {Image, StyleSheet, Text, TouchableOpacity} from 'react-native';
+import {Image, StyleSheet, TouchableOpacity} from 'react-native';
 import Setting from './img/setting.png';
 
 class SettingButton extends Component {

component/OnlineStudy/index.js

 import React, {Component} from 'react';
-import {Dimensions} from 'react-native';
 import {createNativeStackNavigator} from '@react-navigation/native-stack';
 import {NavigationContainer} from '@react-navigation/native';
 import OnlineStudyHome from './OnlineStudyHome';
@@ -7,9 +6,7 @@ import TwoPlayerPKHome from './2-PlayerPKHome';
 import TwoPlayerPKMode from './2-PlayerPKStudy';
 import BannerStyle from './BannerStyle';
 import TwoPlayerPKRecord from './2-PlayerPKRecord';
-import RangePKHome from "./RangePKHome";
-
-const {width, height} = Dimensions.get('window');
+import RangePKHome from './RangePKHome';
 
 class OnlineStudy extends Component {
   constructor() {