rawalcher/interaktive-systeme
Archived
1
0
Fork 0
Code Issues 5 Pull requests 2 Projects Releases 14 Packages Wiki Activity Actions

changed name of SearchBar to TextInputBar

Browse source
This commit is contained in:
Jakob Stornig 2024-01-04 21:47:10 +01:00
parent 5876fcaf8e
commit e1efed5b21
2 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/common/SearchBar.tsx → components/common/TextInputBar.tsx
View file

@ -9,7 +9,7 @@ interface SearchBarProps extends ViewProps {
onChangeText? : (text: string) => void | undefined
}
export default function SearchBar(props: SearchBarProps) {
export default function TextInputBar(props: SearchBarProps) {
const [isActive, setIsactive] = React.useState(false);
const { colors } = useTheme();
const [text, setText] = useState<string>("");
@ -43,7 +43,7 @@ export default function SearchBar(props: SearchBarProps) {
// changed styles.container to containerStyle
return (
<View style={containerStyle}>
<TextInput onChangeText = {handleChange} style={[{fontSize: SIZES.normal, height: "100%"}, styles.TextInput]} autoCorrect={false} keyboardType='web-search' placeholder={props.placeholder} value={text}/>
<TextInput onChangeText = {handleChange} style={[{fontSize: SIZES.normal, height: "100%"}, styles.TextInput]} autoCorrect={false} keyboardType='default' placeholder={props.placeholder} value={text}/>
{isActive &&
<TouchableOpacity style={styles.cancel} onPress={()=>{handleChange("")}}>