Rieko-wang
3 years ago
14 changed files with 15395 additions and 116 deletions
@ -1,112 +0,0 @@ |
|||
/** |
|||
* Sample React Native App |
|||
* https://github.com/facebook/react-native
|
|||
* |
|||
* @format |
|||
* @flow strict-local |
|||
*/ |
|||
|
|||
import React from 'react'; |
|||
import type {Node} from 'react'; |
|||
import { |
|||
SafeAreaView, |
|||
ScrollView, |
|||
StatusBar, |
|||
StyleSheet, |
|||
Text, |
|||
useColorScheme, |
|||
View, |
|||
} from 'react-native'; |
|||
|
|||
import { |
|||
Colors, |
|||
DebugInstructions, |
|||
Header, |
|||
LearnMoreLinks, |
|||
ReloadInstructions, |
|||
} from 'react-native/Libraries/NewAppScreen'; |
|||
|
|||
const Section = ({children, title}): Node => { |
|||
const isDarkMode = useColorScheme() === 'dark'; |
|||
return ( |
|||
<View style={styles.sectionContainer}> |
|||
<Text |
|||
style={[ |
|||
styles.sectionTitle, |
|||
{ |
|||
color: isDarkMode ? Colors.white : Colors.black, |
|||
}, |
|||
]}> |
|||
{title} |
|||
</Text> |
|||
<Text |
|||
style={[ |
|||
styles.sectionDescription, |
|||
{ |
|||
color: isDarkMode ? Colors.light : Colors.dark, |
|||
}, |
|||
]}> |
|||
{children} |
|||
</Text> |
|||
</View> |
|||
); |
|||
}; |
|||
|
|||
const App: () => Node = () => { |
|||
const isDarkMode = useColorScheme() === 'dark'; |
|||
|
|||
const backgroundStyle = { |
|||
backgroundColor: isDarkMode ? Colors.darker : Colors.lighter, |
|||
}; |
|||
|
|||
return ( |
|||
<SafeAreaView style={backgroundStyle}> |
|||
<StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} /> |
|||
<ScrollView |
|||
contentInsetAdjustmentBehavior="automatic" |
|||
style={backgroundStyle}> |
|||
<Header /> |
|||
<View |
|||
style={{ |
|||
backgroundColor: isDarkMode ? Colors.black : Colors.white, |
|||
}}> |
|||
<Section title="Step One"> |
|||
Edit <Text style={styles.highlight}>App.js</Text> to change this |
|||
screen and then come back to see your edits. |
|||
</Section> |
|||
<Section title="See Your Changes"> |
|||
<ReloadInstructions /> |
|||
</Section> |
|||
<Section title="Debug"> |
|||
<DebugInstructions /> |
|||
</Section> |
|||
<Section title="Learn More"> |
|||
Read the docs to discover what to do next: |
|||
</Section> |
|||
<LearnMoreLinks /> |
|||
</View> |
|||
</ScrollView> |
|||
</SafeAreaView> |
|||
); |
|||
}; |
|||
|
|||
const styles = StyleSheet.create({ |
|||
sectionContainer: { |
|||
marginTop: 32, |
|||
paddingHorizontal: 24, |
|||
}, |
|||
sectionTitle: { |
|||
fontSize: 24, |
|||
fontWeight: '600', |
|||
}, |
|||
sectionDescription: { |
|||
marginTop: 8, |
|||
fontSize: 18, |
|||
fontWeight: '400', |
|||
}, |
|||
highlight: { |
|||
fontWeight: '700', |
|||
}, |
|||
}); |
|||
|
|||
export default App; |
|||
@ -0,0 +1,8 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> |
|||
<plist version="1.0"> |
|||
<dict> |
|||
<key>IDEDidComputeMac32BitWarning</key> |
|||
<true/> |
|||
</dict> |
|||
</plist> |
|||
File diff suppressed because it is too large
@ -0,0 +1,148 @@ |
|||
/** |
|||
* Sample React Native App |
|||
* https://github.com/facebook/react-native
|
|||
* |
|||
* @format |
|||
* @flow strict-local |
|||
*/ |
|||
import React, {useEffect, useState} from 'react'; |
|||
// import Swiper from 'react-native-swiper';
|
|||
import { |
|||
SafeAreaView, |
|||
ScrollView, |
|||
StatusBar, |
|||
StyleSheet, |
|||
Text, |
|||
useColorScheme, |
|||
View, |
|||
Image, |
|||
} from 'react-native'; |
|||
import {WebView} from 'react-native-webview'; |
|||
import { |
|||
Colors, |
|||
DebugInstructions, |
|||
Header, |
|||
LearnMoreLinks, |
|||
ReloadInstructions, |
|||
} from 'react-native/Libraries/NewAppScreen'; |
|||
|
|||
const styles = StyleSheet.create({ |
|||
sectionContainer: { |
|||
marginTop: 32, |
|||
paddingHorizontal: 24, |
|||
}, |
|||
sectionTitle: { |
|||
fontSize: 24, |
|||
fontWeight: '600', |
|||
}, |
|||
sectionDescription: { |
|||
marginTop: 8, |
|||
fontSize: 18, |
|||
fontWeight: '400', |
|||
}, |
|||
highlight: { |
|||
fontWeight: '700', |
|||
}, |
|||
|
|||
tinyLogo: { |
|||
width: '100%', |
|||
// resizeMethod: 'resize',
|
|||
// resizeMode: 'cover',
|
|||
height: 877, |
|||
// backgroundColor: 'red',
|
|||
}, |
|||
}); |
|||
|
|||
const App: () => Node = () => { |
|||
const [imgInfo, setImgInfo] = useState({}); |
|||
const [pageConfig, setPageConfig] = useState({}); |
|||
const [menuType, setMenuType] = useState('0'); |
|||
|
|||
const backgroundStyle = { |
|||
backgroundColor: isDarkMode ? Colors.darker : Colors.lighter, |
|||
}; |
|||
|
|||
function initPage() { |
|||
fetch( |
|||
'http://git.houzhisoft.com/Rieko/first-android-config/raw/branch/main/config.json', |
|||
{ |
|||
headers: { |
|||
Accept: 'application/json', |
|||
'Content-Type': 'application/json', |
|||
}, |
|||
}, |
|||
) |
|||
.then(response => { |
|||
return response.json(); |
|||
}) |
|||
.then(responseJson => { |
|||
setPageConfig(responseJson); |
|||
console.log(responseJson, 'responseJson'); |
|||
// return responseJson.movies;
|
|||
}) |
|||
.catch(error => { |
|||
setPageConfig({}); |
|||
console.error(error); |
|||
}); |
|||
} |
|||
|
|||
useEffect(() => { |
|||
// const imgInfo_ = Image.resolveAssetSource(bg);
|
|||
// setImgInfo(imgInfo_);
|
|||
// console.log(imgInfo_);
|
|||
// initPage();
|
|||
return () => {}; |
|||
}, []); |
|||
const isDarkMode = useColorScheme() === 'dark'; |
|||
|
|||
function onMessage(event) { |
|||
setMenuType(event.nativeEvent.data || 0); |
|||
console.log(event.nativeEvent.data, 'event', typeof event.nativeEvent.data); |
|||
} |
|||
|
|||
// if (!pageConfig?.showApp) {
|
|||
// return null;
|
|||
// }
|
|||
|
|||
console.log(pageConfig, 'pageConfig', menuType === '0'); |
|||
return ( |
|||
<> |
|||
<StatusBar |
|||
// hidden={true}
|
|||
// translucent
|
|||
backgroundColor={'transparent'} |
|||
// barStyle="light-content"
|
|||
translucent |
|||
// barStyle="dark-content"
|
|||
barStyle={menuType === '0' ? 'light-content' : 'dark-content'} |
|||
/> |
|||
<WebView |
|||
scrollEnabled={false} |
|||
originWhitelist={['*']} |
|||
automaticallyAdjustsScrollIndicatorInsets={false} |
|||
showsVerticalScrollIndicator={false} |
|||
onMessage={onMessage} |
|||
source={{ |
|||
uri: 'https://parking.houzhisoft.com/index.html', |
|||
}} |
|||
/> |
|||
</> |
|||
|
|||
/* <ScrollView |
|||
contentInsetAdjustmentBehavior="automatic" |
|||
style={backgroundStyle}> |
|||
{imgInfo.height && <Image style={styles.tinyLogo} source={bg} />} |
|||
|
|||
<View |
|||
style={{ |
|||
alignItems: 'center', |
|||
backgroundColor: isDarkMode ? Colors.black : Colors.white, |
|||
}}> |
|||
<Text>{pageConfig['bottom-tips']}</Text> |
|||
</View> |
|||
</ScrollView> */ |
|||
// </View>
|
|||
); |
|||
}; |
|||
|
|||
export default App; |
|||
File diff suppressed because it is too large
Loading…
Reference in new issue