.

App.js

@@ -34,8 +34,9 @@ import H from './src/components/Header'
 import SwitchNavigator from './src/navigation/SwitchNavigator'
 import C from 'rn-class'
 
+import { isValidElementType  } from "react-is";
 C.addComp(RN);
-C.addComp(EL, "EL");
+C.addComp(EL, "EL", null);
 C.addComp({Header : H}, "Comp" );
 C.addComp({SafeAreaView:SafeAreaView}, "Comp");
 C.addComp(RN.Picker.Item, "PickerItem")

src/navigation/SwitchNavigator.js

@@ -12,7 +12,7 @@ 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";
@@ -46,7 +46,7 @@ const SwitchNavigator = createStackNavigator(
     ServiceAlarm,
     About,
 
-    Player,
+    // Player,
     
   },
   {

src/pages/_5_Root.js

@@ -1,9 +1,12 @@
 import React ,{useState} from 'react';
 // import Tab from '../navigation/TabNavigator';
 import C from 'rn-class'
-import Main from '../pages/_6_Main'
-import List from '../pages/_7_List'
+import Main from './_6_Main'
+import List from './_7_List'
+// import List from './_7_List' 
 import TabBar from '../components/TabBar'
+import Player from "./_8_Player"; 
+
 C.addColor("#d7d7d7", "color-listbg");
 
 const BTNS = [
@@ -26,6 +29,10 @@ const BTNS = [
 export default (props)=>{
     let [ sel_idx, setsel_Idx ] =  useState(0);
     let [ targetIdx, setTargetIdx ] =  useState(0);
+    
+    let [ bPlay, setbPlay] =  useState(true);
+    let [ curPlayInfo, setCurPlayInfo] =  useState({});
+
     let onTabPress = (tIdx, i)=>{
         setsel_Idx(i);
         setTargetIdx(tIdx);
@@ -34,9 +41,10 @@ export default (props)=>{
     if(sel_idx == -1){
         Page = Main;
     }else{
-        Page = List;
+        Page = List; 
     }
     // Page = List;   
+    curPlayInfo = BTNS[targetIdx][sel_idx];
     
 
 
@@ -45,9 +53,12 @@ export default (props)=>{
     return (
         <C.View cls="flx1 bgc-color-white"> 
             <C.Comp.Header  {...props}/>
-            <Page   {...props} Pages={sel_idx == -1 ? {} : BTNS[targetIdx][sel_idx]}/>
-            <TabBar onTabPress={onTabPress} BTNS={BTNS}/> 
-        </C.View>
+            <Page   {...props} Pages={sel_idx == -1 ? {} : BTNS[targetIdx][sel_idx]} />
+            
+            {bPlay ? <Player  {...props} Pages={curPlayInfo}  />  : null} 
+            
+            <TabBar onTabPress={onTabPress} BTNS={BTNS}/>  
+        </C.View> 
     )  
 
 

src/pages/_8_Player.js

@@ -1,14 +1,32 @@
-import React from 'react';
+import React  ,{useState}  from 'react';
  import C from 'rn-class'
+ import { isValidElementType  } from "react-is";
+ import { Slider } from 'react-native-elements';
 
-
-export default (props)=>{
+export default (props)=>{ 
+    // console.log(props);
+    let [ curPlayIdx, setCurPlayIdx ] =  useState(0);
+    // po-fulla 
     return (
-        <C.View cls="flx0.1 bgc-color-transparent"> 
-            <C.View cls="w100% ai-c flx1">     
-              
-            </C.View>  
+        <C.View cls="flx0.1 bgc-color-white ai-c zidx2"> 
+            <C.View cls="w90% flx1 bgc-color-listbg br10 flx-row jc-sa ai-c">        
+                <C.Image source={props.Pages.img} 
+                    resizeMode="contain"
+                    cls="flx0.2 h90%" />
 
+                <C.View cls="flx0.5">
+                    <C.Text>제목</C.Text> 
+                     <C.EL.Slider 
+                                value={curPlayIdx}
+                                onValueChange={value => setCurPlayIdx( value )} 
+                        />   
+                        
+                </C.View> 
+                <C.View cls="flx0.2 jc-c ai-c">
+                    <C.EL.Icon type="entypo" name="controller-play"  /> 
+                </C.View>
+
+            </C.View>  
         </C.View>
     )