wibu/mobile-darmasaba
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix : tampilan

Browse Source 
Deskripsi:
- home divisi : caraousel dokumen diganti ga pake caraousel
- home divisi : judul divis
- detail tugas divisi : judul tugas divis
- kalender divisi : indicator kalender, pake loading

No Issues
This commit is contained in:
amal
2025-07-11 18:09:20 +08:00
parent 33112cdd31
commit c9f362477d
4 changed files with 52 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
components/division/fileDivisionDetail.tsx
View File

@@ -5,7 +5,7 @@ import { Feather } from "@expo/vector-icons";
import { useLocalSearchParams } from "expo-router";
import React, { useEffect, useState } from "react";
import { Dimensions, Text, View } from "react-native";
import Carousel, { ICarouselInstance } from "react-native-reanimated-carousel";
import { ICarouselInstance } from "react-native-reanimated-carousel";
import Skeleton from "../skeleton";
type Props = {
@@ -53,37 +53,50 @@ export default function FileDivisionDetail() {
</View>
:
data.length > 0 ?
<Carousel
ref={ref}
width={width}
height={115}
data={data}
loop={true}
autoPlay={false}
autoPlayReverse={false}
pagingEnabled={true}
snapEnabled={true}
vertical={false}
style={{
width: width,
}}
mode="parallax"
modeConfig={{
parallaxScrollingScale: 1,
parallaxScrollingOffset: 280,
}}
renderItem={({ index }) => (
<View style={{ margin: 'auto', width: '28%' }}>
<View style={{ alignItems: 'center' }}>
<View style={[Styles.wrapPaper, { alignItems: 'center' }]}>
<Feather name="file-text" size={50} color="black" style={Styles.mr05} />
<View style={[Styles.rowOnly]}>
{
data.map((item, index) => (
<View style={[Styles.mr05, { width: '25%' }]} key={index}>
<View style={{ alignItems: 'center' }}>
<View style={[Styles.wrapPaper, { alignItems: 'center' }]}>
<Feather name="file-text" size={50} color="black" style={Styles.mr05} />
</View>
</View>
<Text style={[Styles.textMediumNormal, { textAlign: 'center' }]} numberOfLines={1}>{item.name}.{item.extension}</Text>
</View>
<Text style={[Styles.textMediumNormal, { textAlign: 'center' }]} numberOfLines={1}>{data[index].name}.{data[index].extension}</Text>
</View>
))
}
</View>
// <Carousel
// ref={ref}
// width={width * 1.1}
// height={115}
// data={data}
// loop={true}
// autoPlay={false}
// autoPlayReverse={false}
// pagingEnabled={true}
// snapEnabled={true}
// vertical={false}
// mode="parallax"
// modeConfig={{
// parallaxScrollingScale: 1,
// parallaxScrollingOffset: 310,
// parallaxAdjacentItemScale: 1,
// }}
// style={{ width:'100%' }}
// renderItem={({ index }) => (
// <View style={{ width: '27%' }}>
// <View style={{ alignItems: 'center' }}>
// <View style={[Styles.wrapPaper, { alignItems: 'center' }]}>
// <Feather name="file-text" size={50} color="black" style={Styles.mr05} />
// </View>
// </View>
// <Text style={[Styles.textMediumNormal, { textAlign: 'center' }]} numberOfLines={1}>{data[index].name}.{data[index].extension}</Text>
// </View>
)}
/>
// )}
// />
:
<Text style={[Styles.textDefault, Styles.cGray, { textAlign: 'center' }]}>Tidak ada file</Text>
}