Add changes to themed components made from tt
This commit is contained in:
parent
4e93893319
commit
ab60513911
0
assets/fonts/SpaceMono-Regular.ttf
Normal file → Executable file
0
assets/fonts/SpaceMono-Regular.ttf
Normal file → Executable file
@ -10,12 +10,14 @@ const DEFAULT_HEIGHT = 50;
|
||||
type ThemedTextInputProps = TextInputProps & {
|
||||
width?: DimensionValue;
|
||||
height?: DimensionValue;
|
||||
fontSize?: number;
|
||||
containerStyle?: object;
|
||||
};
|
||||
|
||||
const ThemedTextInput: React.FC<ThemedTextInputProps> = ({
|
||||
width = DEFAULT_WIDTH,
|
||||
height = DEFAULT_HEIGHT,
|
||||
fontSize = 16,
|
||||
containerStyle,
|
||||
style,
|
||||
...restProps
|
||||
@ -23,13 +25,21 @@ const ThemedTextInput: React.FC<ThemedTextInputProps> = ({
|
||||
const scheme = useColorScheme() ?? 'dark';
|
||||
|
||||
return (
|
||||
<ThemedView style={[styles.inputContainer, { width, height }, containerStyle]}>
|
||||
<ThemedView style={[
|
||||
styles.inputContainer,
|
||||
{
|
||||
width,
|
||||
height,
|
||||
borderColor: Colors[scheme].subtle },
|
||||
containerStyle,
|
||||
]}>
|
||||
<TextInput
|
||||
style={[
|
||||
styles.input,
|
||||
{
|
||||
color: Colors[scheme].text,
|
||||
backgroundColor: Colors[scheme].background,
|
||||
fontSize,
|
||||
},
|
||||
style,
|
||||
]}
|
||||
@ -46,12 +56,12 @@ const styles = StyleSheet.create({
|
||||
inputContainer: {
|
||||
padding: 3,
|
||||
borderRadius: 10,
|
||||
borderWidth: 1,
|
||||
},
|
||||
input: {
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
borderRadius: 8,
|
||||
paddingHorizontal: 15,
|
||||
fontSize: 16,
|
||||
},
|
||||
});
|
||||
|
0
scripts/reset-project.js
Normal file → Executable file
0
scripts/reset-project.js
Normal file → Executable file
Loading…
x
Reference in New Issue
Block a user