|
@ -24,7 +24,6 @@ function FloatButton(props) { |
|
|
|
|
|
|
|
|
const toggleMenu = () => { |
|
|
const toggleMenu = () => { |
|
|
const value = open ? 0 : 1; |
|
|
const value = open ? 0 : 1; |
|
|
console.log(value); |
|
|
|
|
|
|
|
|
|
|
|
Animated.spring(animation, { |
|
|
Animated.spring(animation, { |
|
|
toValue: value, |
|
|
toValue: value, |
|
@ -65,7 +64,7 @@ function FloatButton(props) { |
|
|
</Animated.View> |
|
|
</Animated.View> |
|
|
</TouchableWithoutFeedback> |
|
|
</TouchableWithoutFeedback> |
|
|
<View style={{ margin:35, alignSelf:"flex-end"}}> |
|
|
<View style={{ margin:35, alignSelf:"flex-end"}}> |
|
|
<TouchableWithoutFeedback> |
|
|
|
|
|
|
|
|
<TouchableWithoutFeedback onPress={toggleMenu}> |
|
|
<Animated.View style={[styles.button, styles.menu, rotation]}> |
|
|
<Animated.View style={[styles.button, styles.menu, rotation]}> |
|
|
<MaterialCommunityIcons name="layers-plus" size={36} color={colors.white} /> |
|
|
<MaterialCommunityIcons name="layers-plus" size={36} color={colors.white} /> |
|
|
</Animated.View> |
|
|
</Animated.View> |
|
@ -79,11 +78,10 @@ const styles = StyleSheet.create({ |
|
|
container: { |
|
|
container: { |
|
|
alignItems: "center", |
|
|
alignItems: "center", |
|
|
position: "absolute", |
|
|
position: "absolute", |
|
|
//flex: 1,
|
|
|
|
|
|
zIndex: 3, |
|
|
|
|
|
|
|
|
flex: 1, |
|
|
}, |
|
|
}, |
|
|
button: { |
|
|
button: { |
|
|
position: "absolute", |
|
|
|
|
|
|
|
|
// position: "absolute",
|
|
|
width: 50, |
|
|
width: 50, |
|
|
height: 50, |
|
|
height: 50, |
|
|
borderRadius: 6, |
|
|
borderRadius: 6, |
|
|