Skip to content

Commit d19817c

Browse files
committed
fix: changes after self review
1 parent ec4156b commit d19817c

File tree

2 files changed

+15
-13
lines changed

2 files changed

+15
-13
lines changed

docs/docs/guides/components-overview.mdx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ keywords:
88
views,
99
extend keyboard,
1010
keyboard extender,
11+
keyboard background view,
1112
over keyboard view,
1213
keyboard toolbar,
1314
keyboard avoiding view,
@@ -19,6 +20,7 @@ keywords:
1920
KeyboardToolbar,
2021
OverKeyboardView,
2122
KeyboardExtender,
23+
KeyboardBackgroundView,
2224
]
2325
---
2426

example/src/screens/Examples/KeyboardExtender/index.tsx

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -58,19 +58,6 @@ export default function KeyboardExtendExample() {
5858
testID="donation_amount"
5959
/>
6060

61-
<KeyboardExtender enabled={showExtend}>
62-
<Reanimated.View style={[styles.keyboardExtend, animatedStyle]}>
63-
<TouchableOpacity onPress={() => Alert.alert("10$")}>
64-
<Text style={styles.priceText}>10$</Text>
65-
</TouchableOpacity>
66-
<TouchableOpacity onPress={() => Alert.alert("20$")}>
67-
<Text style={styles.priceText}>20$</Text>
68-
</TouchableOpacity>
69-
<TouchableOpacity onPress={() => Alert.alert("50$")}>
70-
<Text style={styles.priceText}>50$</Text>
71-
</TouchableOpacity>
72-
</Reanimated.View>
73-
</KeyboardExtender>
7461
<OverKeyboardView visible={isOKVMode}>
7562
<View style={{ flex: 1, justifyContent: "flex-end" }}>
7663
{/* TODO replace hardcoded value */}
@@ -82,6 +69,19 @@ export default function KeyboardExtendExample() {
8269
</OverKeyboardView>
8370
</SafeAreaView>
8471
</TouchableWithoutFeedback>
72+
<KeyboardExtender enabled={showExtend}>
73+
<Reanimated.View style={[styles.keyboardExtend, animatedStyle]}>
74+
<TouchableOpacity onPress={() => Alert.alert("10$")}>
75+
<Text style={styles.priceText}>10$</Text>
76+
</TouchableOpacity>
77+
<TouchableOpacity onPress={() => Alert.alert("20$")}>
78+
<Text style={styles.priceText}>20$</Text>
79+
</TouchableOpacity>
80+
<TouchableOpacity onPress={() => Alert.alert("50$")}>
81+
<Text style={styles.priceText}>50$</Text>
82+
</TouchableOpacity>
83+
</Reanimated.View>
84+
</KeyboardExtender>
8585
</>
8686
);
8787
}

0 commit comments

Comments
 (0)