upd: caraousel

Deskripsi:
-fix caraousel project pada home page
- fix carousel divisi pada home page
- fix caraousel task divisi pada divisi page
- fix caraousel dokumen divisi pada divisi page

No Issues
This commit is contained in:
amel
2025-03-10 11:20:24 +08:00
parent 5c8d621a5e
commit 6e543b3562
11 changed files with 34 additions and 22 deletions

View File

@@ -16,7 +16,7 @@ export default function FileDivisionDetail() {
<Carousel
ref={ref}
width={width}
height={100}
height={115}
data={data}
loop={true}
autoPlay={false}
@@ -24,12 +24,22 @@ export default function FileDivisionDetail() {
pagingEnabled={true}
snapEnabled={true}
vertical={false}
style={{
width: width,
}}
mode="parallax"
modeConfig={{
parallaxScrollingScale: 1,
parallaxScrollingOffset: 280,
}}
renderItem={({ index }) => (
<View style={{ width: '30%' }}>
<View style={[Styles.wrapPaper, { alignItems: 'center' }]}>
<Feather name="file-text" size={50} color="black" style={Styles.mr05} />
<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>
</View>
<Text style={[Styles.textMediumNormal, { textAlign: 'center' }]}>File_Pertama.png</Text>
<Text style={[Styles.textMediumNormal, { textAlign: 'center' }]} numberOfLines={1}>File_Pertama.png Amalia Dwi</Text>
</View>
)}

View File

@@ -14,7 +14,8 @@ export default function TaskDivisionDetail() {
<Text style={[Styles.textDefaultSemiBold, Styles.mb05]}>Tugas Hari Ini</Text>
<Carousel
ref={ref}
width={width}
style={{ width: "100%" }}
width={width * 0.8}
height={100}
data={data}
loop={true}
@@ -24,7 +25,7 @@ export default function TaskDivisionDetail() {
snapEnabled={true}
vertical={false}
renderItem={({ index }) => (
<View style={[Styles.wrapPaper, { width: '80%'}]}>
<View style={[Styles.wrapPaper, { width: '95%'}]}>
<Text style={[Styles.textDefaultSemiBold]}>Rancangan Laporan - Laporan 1</Text>
<View style={[Styles.rowItemsCenter, Styles.mt10]}>
<Feather name="clock" size={18} color="grey" style={Styles.mr05} />