ボタンをリストに変更

components/Settings/SettingTopPage.js

@@ -10,6 +10,7 @@ import {
 import * as Updates from "expo-updates";
 import { SwitchArea } from "../atom/SwitchArea";
 import { useWindowDimensions } from "react-native";
+import { ListItem } from "native-base";
 
 export const SettingTopPage = ({
   navigate,
@@ -66,7 +67,7 @@ export const SettingTopPage = ({
             padding: 10,
           }}
         >
-          このアプリについて
+          アプリの設定画面
         </Text>
         <View style={{ flex: 1 }}></View>
       </View>
@@ -82,11 +83,16 @@ export const SettingTopPage = ({
               borderRadius: 5,
             }}
           />
-          <View style={{ flexDirection: "row", padding: 10 }}>
+          <View style={{ flexDirection: "row", paddingTop: 10 }}>
             <View style={{ flex: 1 }} />
             <Text>内部バージョン: 5.0.3.1</Text>
             <View style={{ flex: 1 }} />
           </View>
+          <View style={{ flexDirection: "row", paddingBottom: 10 }}>
+            <View style={{ flex: 1 }} />
+            <Text>ReleaseChannel: {Updates.channel}</Text>
+            <View style={{ flex: 1 }} />
+          </View>
 
           <View style={{ flex: 1 }} />
           <Text
@@ -108,10 +114,7 @@ export const SettingTopPage = ({
         </View>
 
         <View style={{ flex: 1, borderTopWidth: 1, borderColor: "gray" }}>
-          <TouchableOpacity
-            style={{ flexDirection: "row", padding: 10 }}
-            onPress={() => {}}
-          >
+          <ListItem style={{ flexDirection: "row" }} onPress={() => {}}>
             <Text
               style={{
                 fontSize: 20,
@@ -135,9 +138,9 @@ export const SettingTopPage = ({
             >
               {">"}
             </Text>
-          </TouchableOpacity>
-          <TouchableOpacity
-            style={{ flexDirection: "row", padding: 10 }}
+          </ListItem>
+          <ListItem
+            style={{ flexDirection: "row" }}
             onPress={() => navigate("LayoutSettings")}
           >
             <Text
@@ -163,9 +166,9 @@ export const SettingTopPage = ({
             >
               {">"}
             </Text>
-          </TouchableOpacity>
-          <TouchableOpacity
-            style={{ flexDirection: "row", padding: 10 }}
+          </ListItem>
+          <ListItem
+            style={{ flexDirection: "row" }}
             onPress={() =>
               Linking.openURL(
                 "https://nexcloud.haruk.in/sites/press-harukin/JRShikokuApps/policy"
@@ -184,7 +187,26 @@ export const SettingTopPage = ({
               プライバシーポリシー
             </Text>
             <View style={{ flex: 1 }} />
-          </TouchableOpacity>
+          </ListItem>
+          <ListItem
+            style={{ flexDirection: "row" }}
+            onPress={() =>
+              Linking.openURL("https://nexcloud.haruk.in/s/2WFEN5oLPGtrRqT")
+            }
+          >
+            <Text
+              style={{
+                fontSize: 20,
+                alignItems: "center",
+                alignContent: "center",
+                textAlign: "center",
+                textAlignVertical: "center",
+              }}
+            >
+              開発情報
+            </Text>
+            <View style={{ flex: 1 }} />
+          </ListItem>
         </View>
       </ScrollView>
       <TouchableOpacity