UI & UX Design with InputAccessoryView (facebook#2183)

* UI Design with InputAccessoryView * Update inputaccessoryview.md * small tweaks Co-authored-by: Bartosz Kaszubowski <[email protected]>
Titozzz · Aug 30, 2020 · 0749856 · 0749856
1 parent b1e5983
commit 0749856
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/docs/inputaccessoryview.md b/docs/inputaccessoryview.md
@@ -13,7 +13,7 @@ import { Button, InputAccessoryView, ScrollView, TextInput } from 'react-native'
 
 export default App = () => {
   const inputAccessoryViewID = 'uniqueID';
-  const initialText = 'Placeholder Text';
+  const initialText = '';
   const [text, setText] = useState(initialText);
 
   return (
@@ -22,17 +22,18 @@ export default App = () => {
         <TextInput
           style={{
             padding: 16,
-            marginTop: 50
+            marginTop: 50,
           }}
           inputAccessoryViewID={inputAccessoryViewID}
-          onChangeText={text => setText(text)}
+          onChangeText={setText}
           value={text}
+          placeholder={'Please type here…'}
         />
       </ScrollView>
       <InputAccessoryView nativeID={inputAccessoryViewID}>
         <Button
           onPress={() => setText(initialText)}
-          title="Reset Text"
+          title="Clear text"
         />
       </InputAccessoryView>
     </>