Bagasbanuna02
ac9dae7c5b
deskripsi: feature: - floating button - Forum create fix: - Base box - Avatar : penambahan onPres & href - Text custom : penambahan warna props green - Text Area : penambhaan hight - ViewWrapper : penambahan props floating # No Issue "
46 lines
995 B
TypeScript
46 lines
995 B
TypeScript
// components/FloatingButton.tsx
|
|
import { AccentColor, MainColor } from "@/constants/color-palet";
|
|
import React from "react";
|
|
import { StyleSheet, ViewStyle } from "react-native";
|
|
import { FAB } from "react-native-paper";
|
|
|
|
// Props untuk komponen
|
|
interface FloatingButtonProps {
|
|
onPress: () => void;
|
|
// label?: string;
|
|
icon?: string; // MaterialCommunityIcons
|
|
style?: ViewStyle;
|
|
}
|
|
|
|
const FloatingButton: React.FC<FloatingButtonProps> = ({
|
|
onPress,
|
|
// label = "Buat",
|
|
icon = "pencil-plus-outline",
|
|
style,
|
|
}) => {
|
|
return (
|
|
<FAB
|
|
style={[styles.fab, style]}
|
|
icon={icon}
|
|
color={MainColor.white}
|
|
// label={label}
|
|
onPress={onPress}
|
|
/>
|
|
);
|
|
};
|
|
|
|
const styles = StyleSheet.create({
|
|
fab: {
|
|
position: "absolute",
|
|
margin: 16,
|
|
right: 0,
|
|
bottom: 0,
|
|
backgroundColor: AccentColor.softblue, // Warna Twitter biru
|
|
borderRadius: 50,
|
|
borderColor: AccentColor.blue,
|
|
borderWidth: 1,
|
|
},
|
|
});
|
|
|
|
export default FloatingButton;
|