Move add 1 min button to left side fab
This commit is contained in:
parent
e106d2475b
commit
f28406b4c4
|
@ -1,7 +1,7 @@
|
||||||
import { useFocusEffect } from "@react-navigation/native";
|
import { useFocusEffect } from "@react-navigation/native";
|
||||||
import React, { useCallback, useMemo, useState } from "react";
|
import React, { useCallback, useMemo, useState } from "react";
|
||||||
import { Dimensions, NativeModules, View } from "react-native";
|
import { Dimensions, NativeModules, View } from "react-native";
|
||||||
import { Button, Text, useTheme } from "react-native-paper";
|
import { Button, FAB, Text, useTheme } from "react-native-paper";
|
||||||
import { ProgressCircle } from "react-native-svg-charts";
|
import { ProgressCircle } from "react-native-svg-charts";
|
||||||
import AppFab from "./AppFab";
|
import AppFab from "./AppFab";
|
||||||
import { darkenRgba } from "./colors";
|
import { darkenRgba } from "./colors";
|
||||||
|
@ -72,9 +72,18 @@ export default function TimerPage() {
|
||||||
/>
|
/>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<Button onPress={add} style={{ position: "absolute", top: "82%", left }}>
|
|
||||||
Add 1 min
|
<FAB
|
||||||
</Button>
|
icon="plus"
|
||||||
|
color={colors.background}
|
||||||
|
onPress={add}
|
||||||
|
style={{
|
||||||
|
position: "absolute",
|
||||||
|
left: 20,
|
||||||
|
bottom: 20,
|
||||||
|
backgroundColor: colors.primary,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
<AppFab icon="stop" onPress={stop} />
|
<AppFab icon="stop" onPress={stop} />
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in New Issue
Block a user