駅名標のデザイン挙動変更

This commit is contained in:
harukin-DeskMini 2022-04-13 05:27:26 +09:00
parent 2ea9d55bd0
commit 672273f699

35
menu.js
View File

@ -124,7 +124,8 @@ export default function Menu(props) {
name:stationList[selectLineName][index-1].Station_JP ? stationList[selectLineName][index-1].Station_JP : stationList[selectLineName][index-1].StationName,
en:preEn,
StationNumber:stationList[selectLineName][index-1].StationNumber,
StationTimeTable:stationList[selectLineName][index-1].StationTimeTable
StationTimeTable:stationList[selectLineName][index-1].StationTimeTable,
StationMap:stationList[selectLineName][index-1].StationMap
}
}catch(e){
pre = {
@ -139,7 +140,8 @@ export default function Menu(props) {
en:data.Station_EN,
StationNumber:da.StationNumber,
JrHpUrl:da.JrHpUrl,
StationTimeTable:da.StationTimeTable
StationTimeTable:da.StationTimeTable,
StationMap:da.StationMap
}
try{
let nexEn = undefined;
@ -152,7 +154,8 @@ export default function Menu(props) {
name:stationList[selectLineName][index+1].Station_JP ? stationList[selectLineName][index+1].Station_JP : stationList[selectLineName][index+1].StationName,
en:nexEn,
StationNumber:stationList[selectLineName][index+1].StationNumber,
StationTimeTable:stationList[selectLineName][index+1].StationTimeTable
StationTimeTable:stationList[selectLineName][index+1].StationTimeTable,
StationMap:stationList[selectLineName][index+1].StationMap
}
}catch(e){
nex = {
@ -332,9 +335,9 @@ export default function Menu(props) {
<Text style={{fontWeight:"bold",fontSize:parseInt("15%"),color:"white"}}>{stationName..name}</Text>
<Text style={{fontWeight:"bold",fontSize:parseInt("15%"),color:"white"}}>{stationName..en}</Text>
</View>
<TouchableOpacity style={{alignItems:"center"}} onPress={()=>Linking.openURL(stationName..StationTimeTable)}>
{/* <TouchableOpacity style={{alignItems:"center"}} onPress={()=>Linking.openURL(stationName..StationTimeTable)}>
<Text style={{fontWeight:"bold",fontSize:parseInt("15%"),backgroundColor:"white",color:"#005170",padding:5}}>時刻表</Text>
</TouchableOpacity>
</TouchableOpacity> */}
<View style={{flex:1,alignItems:"flex-end"}}>
<Text style={{fontWeight:"bold",fontSize:parseInt("15%"),color:"white"}}>{stationName..name}</Text>
<Text style={{fontWeight:"bold",fontSize:parseInt("15%"),color:"white"}}>{stationName..en}</Text>
@ -538,20 +541,8 @@ export default function Menu(props) {
<View style={{height:26,width:"100%",}}>
<View style={{ height: 6, width: 45, borderRadius: 100, backgroundColor: "#f0f0f0", marginVertical: 10, alignSelf: "center",}} />
</View>
<View style={{padding:10,flexDirection:"row",alignItems:"center"}}>
<Text style={{fontSize:30,fontWeight:"bold",color:"white"}}>にゃー</Text>
<View style={{flex:1}} />
{/* <TouchableOpacity style={{padding:10,backgroundColor:"white",alignContent:"center"}} onPress={() => {doFetch()}}>
<Text style={{fontSize:20,fontWeight:"bold",color:"#0099CC"}}>最新の情報へ更新</Text>
</TouchableOpacity> */}
<Text style={{fontSize:30,fontWeight:"bold",color:"white"}}>{getTime ? getTime.toLocaleTimeString('ja-JP').split(":")[0]+":"+getTime.toLocaleTimeString('ja-JP').split(":")[1]: NaN} </Text>
<Ionicons name="reload" color="white" size={30} style={{margin:5}} onPress={() => {LayoutAnimation.easeInEaseOut(),setLoadingDelayData(true)}}/>
</View>
<ScrollView>
{stationName ? stationName. ?
<AutoHeightImage source={{uri:stationName..JrHpUrl+"images/illustration.png"}} resizeMode='contain' width={wp("80%")}/>
: null : null}
{stationName ? stationName. ?
<TouchableOpacity style={{ width: wp("80%"), height: wp("80%")/20*9,borderColor:"#2E94BB",borderWidth:1,margin:10,marginHorizontal:wp("10%")}} onPress={()=> !stationName..JrHpUrl || Linking.openURL(stationName..JrHpUrl)} /* onPress={() => {StationBoardAcSR.current?.setModalVisible()}}*/>
<View style={{position:"absolute",bottom:"0%",left:"0%",width:"100%",height:'30%',backgroundColor:"#2E94BB"}} />
<Text style={{position:"absolute",top:"2%",left:"2%",fontWeight:"bold",fontSize:parseInt("30%"),color:"#2E94BB"}}>JR</Text>
@ -582,9 +573,9 @@ export default function Menu(props) {
<Text style={{fontWeight:"bold",fontSize:parseInt("15%"),color:"white"}}>{stationName..name}</Text>
<Text style={{fontWeight:"bold",fontSize:parseInt("15%"),color:"white"}}>{stationName..en}</Text>
</View>
<TouchableOpacity style={{alignItems:"center"}} onPress={()=>Linking.openURL(stationName..StationTimeTable)}>
{/* <TouchableOpacity style={{alignItems:"center"}} onPress={()=>Linking.openURL(stationName..StationTimeTable)}>
<Text style={{fontWeight:"bold",fontSize:parseInt("15%"),backgroundColor:"white",color:"#005170",padding:5}}>時刻表</Text>
</TouchableOpacity>
</TouchableOpacity> */}
<View style={{flex:1,alignItems:"flex-end"}}>
<Text style={{fontWeight:"bold",fontSize:parseInt("15%"),color:"white"}}>{stationName..name}</Text>
<Text style={{fontWeight:"bold",fontSize:parseInt("15%"),color:"white"}}>{stationName..en}</Text>
@ -599,7 +590,11 @@ export default function Menu(props) {
</View>
</TouchableOpacity>: null : null}
<View style={{flexDirection:"row"}}>
<TicketBox backgroundColor={"#AD7FA8"} icon={<Foundation name="web" color="white" size={50}/>} flex={1} onPressButton={()=> !stationName..JrHpUrl || Linking.openURL(stationName..JrHpUrl)}>web</TicketBox>
<TicketBox backgroundColor={"#8F5902"} icon={<FontAwesome name="table" color="white" size={50}/>} flex={1} onPressButton={()=> !stationName..StationTimeTable || Linking.openURL(stationName..StationTimeTable)}>時刻表</TicketBox>
<TicketBox backgroundColor={"#888A85"} icon={<Ionicons name="map" color="white" size={50}/>} flex={1} onPressButton={()=> !stationName..StationMap || Linking.openURL(stationName..StationMap)}>GoogleMap</TicketBox>
</View>
</ScrollView>
</View>