LEDの処理大整理

components/news.tsx

@@ -0,0 +1,30 @@
+import React, { FC } from "react";
+import { View } from "react-native";
+import { WebView } from "react-native-webview";
+import { AS } from "../storageControl";
+import { news } from "../config/newsUpdate";
+import { useNavigation } from "@react-navigation/native";
+import { BigButton } from "./atom/BigButton";
+const News: FC = () => {
+  const { navigate } = useNavigation();
+  return (
+    <View style={{ height: "100%", backgroundColor: "#0099CC" }}>
+      <WebView
+        useWebKit={true}
+        source={{
+          uri: `https://xprocess.haruk.in/${news}`,
+        }}
+        mixedContentMode={"compatibility"}
+        javaScriptEnabled={true}
+      />
+      <BigButton
+        onPress={() => {
+          AS.setItem("status", news);
+          navigate("Apps");
+        }}
+        string="更新情報を閉じる"
+      />
+    </View>
+  );
+};
+export default News;