6.0 update init
This commit is contained in:
@@ -1,6 +1,5 @@
|
||||
import React, { FC, useState } from "react";
|
||||
import { View, Text, TouchableOpacity } from "react-native";
|
||||
import { Pagination } from "react-native-snap-carousel";
|
||||
import { useInterval } from "../../lib/useInterval";
|
||||
|
||||
import lineColorList from "../../assets/originData/lineColorList";
|
||||
@@ -27,49 +26,11 @@ type StationPaginationProps = {
|
||||
};
|
||||
|
||||
export const Paginations: FC<StationPaginationProps> = (props) => {
|
||||
const {
|
||||
entries,
|
||||
activeSlide,
|
||||
carouselRef,
|
||||
setSelectedCurrentStation,
|
||||
dotButton,
|
||||
} = props;
|
||||
const { entries, setSelectedCurrentStation } = props;
|
||||
return (
|
||||
<Pagination
|
||||
dotsLength={entries.length}
|
||||
activeDotIndex={activeSlide}
|
||||
carouselRef={carouselRef}
|
||||
containerStyle={{ paddingVertical: 0 }}
|
||||
dotStyle={{
|
||||
width: 12,
|
||||
height: 12,
|
||||
borderRadius: 6,
|
||||
backgroundColor: "#0099CC",
|
||||
}}
|
||||
inactiveDotStyle={
|
||||
{
|
||||
// Define styles for inactive dots here
|
||||
}
|
||||
}
|
||||
tappableDots={true}
|
||||
inactiveDotOpacity={0.4}
|
||||
inactiveDotScale={0.8}
|
||||
inactiveDotElement={
|
||||
dotButton && (
|
||||
<StationNumberMaker
|
||||
currentStations={entries}
|
||||
setSelectedCurrentStation={setSelectedCurrentStation}
|
||||
/>
|
||||
)
|
||||
}
|
||||
dotElement={
|
||||
dotButton && (
|
||||
<StationNumberMaker
|
||||
currentStations={entries}
|
||||
setSelectedCurrentStation={setSelectedCurrentStation}
|
||||
/>
|
||||
)
|
||||
}
|
||||
<StationNumberMaker
|
||||
currentStations={entries}
|
||||
setSelectedCurrentStation={setSelectedCurrentStation}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
Reference in New Issue
Block a user