.

src/navigation/SwitchNavigator.js

@@ -12,6 +12,8 @@ import Guide1 from "../pages/_3_Guide1";
 import Guide2 from "../pages/_4_Guide2";
 import Root from "../pages/_5_Root";
 
+import Player from "../pages/_8_Player";
+
 // setting 
 import Setting from "../pages/_10_Setting";
 import AccountInfo from "../popup/_10_1_AccountInfo";
@@ -23,6 +25,8 @@ import ServiceAlarm from "../popup/_10_6_ServiceAlarm";
 import About from "../popup/_10_7_About";
 
 
+
+
 import TermsPopup from '../popup/_1_TermsPopup';
 
 const SwitchNavigator = createStackNavigator(
@@ -41,13 +45,18 @@ const SwitchNavigator = createStackNavigator(
     Support,
     ServiceAlarm,
     About,
+
+    Player,
     
   },
   {
-    initialRouteName: "Login", 
+    initialRouteName: "Root",  
 
     mode: 'modal',
     headerMode: 'none',
+    cardStyle: {
+      opacity: 1,
+    },
   }
 );
 

src/pages/_5_Root.js

@@ -45,7 +45,7 @@ export default (props)=>{
     return (
         <C.View cls="flx1 bgc-color-white"> 
             <C.Comp.Header  {...props}/>
-            <Page Pages={sel_idx == -1 ? {} : BTNS[targetIdx][sel_idx]}/>
+            <Page   {...props} Pages={sel_idx == -1 ? {} : BTNS[targetIdx][sel_idx]}/>
             <TabBar onTabPress={onTabPress} BTNS={BTNS}/> 
         </C.View>
     )  

src/pages/_7_List.js

@@ -1,10 +1,15 @@
 import React from 'react';
- 
+
 import C from 'rn-class'
+
 C.addColor("#d7d7d7", "color-listbg");
 
 
-export default (props)=>{
+export default (props)=>{ 
+    let onClickPlay = (p)=>{ 
+        props.navigation.push('Player');
+    }
+
     return (
         <C.View cls="flx1 bgc-color-white"> 
             <C.View cls="w100% ai-c flx1">     
@@ -21,12 +26,12 @@ export default (props)=>{
                     </C.View> 
                  
                  <C.View cls="w100 flx-w jc-c flx-row">
-                        <Imgs></Imgs>
-                        <Imgs></Imgs>
-                        <Imgs></Imgs>
-                        <Imgs></Imgs>
-                        <Imgs></Imgs>
-                        <Imgs></Imgs>
+                        <Imgs onClickPlay={onClickPlay} ></Imgs>
+                        <Imgs onClickPlay={onClickPlay} ></Imgs>
+                        <Imgs onClickPlay={onClickPlay} ></Imgs>
+                        <Imgs onClickPlay={onClickPlay} ></Imgs>
+                        <Imgs onClickPlay={onClickPlay} ></Imgs>
+                        <Imgs onClickPlay={onClickPlay} ></Imgs>
                  </C.View>
 
                 </C.ScrollView>
@@ -39,7 +44,7 @@ export default (props)=>{
 }
 
 
-const Imgs = ()=>{
+const Imgs = (props)=>{
     return (
         <C.View cls="w45">
                 <C.ImageBackground 
@@ -52,7 +57,7 @@ const Imgs = ()=>{
                             <C.EL.Icon type="entypo" name="lock" ccls="ma2" {...C.n2cls("color-white")}/>
                         </C.View>
                         <C.View cls="ai-c">
-                            <C.EL.Icon type="entypo" name="controller-play" ccls="ma2" {...C.n2cls("color-white")}  {...C.n2cls("size10")}/>
+                            <C.EL.Icon type="entypo" name="controller-play" ccls="ma2" {...C.n2cls("color-white")}  {...C.n2cls("size10")} onPress={props.onClickPlay}/>
                         </C.View>
                     </C.View>
 

src/pages/_8_Player.js

@@ -0,0 +1,17 @@
+import React from 'react';
+ import C from 'rn-class'
+
+
+export default (props)=>{
+    return (
+        <C.View cls="flx0.1 bgc-color-transparent"> 
+            <C.View cls="w100% ai-c flx1">     
+              
+            </C.View>  
+
+        </C.View>
+    )  
+
+
+}
+