Fixes to text input colors on android

zio/stable
Paul Frazee 2022-12-20 14:29:50 -06:00
parent abcfc11fe0
commit 0a2c3e6b51
6 changed files with 16 additions and 0 deletions

View File

@ -258,6 +258,7 @@ export const ComposePost = observer(function ComposePost({
scrollEnabled
onChangeText={(text: string) => onChangeText(text)}
placeholder={selectTextInputPlaceholder}
placeholderTextColor={colors.gray4}
style={styles.textInput}>
{textDecorated}
</TextInput>

View File

@ -108,6 +108,7 @@ export function Component({}: {}) {
<BottomSheetTextInput
style={styles.textInput}
placeholder="e.g. alices-friends"
placeholderTextColor={colors.gray4}
autoCorrect={false}
value={handle}
onChangeText={str => setHandle(makeValidHandle(str))}
@ -118,6 +119,7 @@ export function Component({}: {}) {
<BottomSheetTextInput
style={styles.textInput}
placeholder="e.g. Alice's Friends"
placeholderTextColor={colors.gray4}
value={displayName}
onChangeText={v =>
setDisplayName(enforceLen(v, MAX_DISPLAY_NAME))
@ -129,6 +131,7 @@ export function Component({}: {}) {
<BottomSheetTextInput
style={[styles.textArea]}
placeholder="e.g. Artists, dog-lovers, and memelords."
placeholderTextColor={colors.gray4}
multiline
value={description}
onChangeText={v => setDescription(enforceLen(v, MAX_DESCRIPTION))}
@ -209,6 +212,7 @@ const styles = StyleSheet.create({
paddingHorizontal: 14,
paddingVertical: 10,
fontSize: 16,
color: colors.black,
},
textArea: {
borderWidth: 1,
@ -217,6 +221,7 @@ const styles = StyleSheet.create({
paddingHorizontal: 12,
paddingTop: 10,
fontSize: 16,
color: colors.black,
height: 70,
textAlignVertical: 'top',
},

View File

@ -119,6 +119,7 @@ export function Component({
<BottomSheetTextInput
style={styles.textInput}
placeholder="e.g. Alice Roberts"
placeholderTextColor={colors.gray4}
value={displayName}
onChangeText={v => setDisplayName(enforceLen(v, MAX_DISPLAY_NAME))}
/>
@ -128,6 +129,7 @@ export function Component({
<BottomSheetTextInput
style={[styles.textArea]}
placeholder="e.g. Artist, dog-lover, and memelord."
placeholderTextColor={colors.gray4}
multiline
value={description}
onChangeText={v => setDescription(enforceLen(v, MAX_DESCRIPTION))}
@ -181,6 +183,7 @@ const styles = StyleSheet.create({
paddingHorizontal: 14,
paddingVertical: 10,
fontSize: 16,
color: colors.black,
},
textArea: {
borderWidth: 1,
@ -189,6 +192,7 @@ const styles = StyleSheet.create({
paddingHorizontal: 12,
paddingTop: 10,
fontSize: 16,
color: colors.black,
height: 100,
textAlignVertical: 'top',
},

View File

@ -66,6 +66,7 @@ export function Component({
<BottomSheetTextInput
style={styles.textInput}
placeholder="e.g. https://bsky.app"
placeholderTextColor={colors.gray4}
autoCapitalize="none"
autoComplete="off"
autoCorrect={false}
@ -109,6 +110,7 @@ const styles = StyleSheet.create({
paddingHorizontal: 14,
paddingVertical: 12,
fontSize: 16,
color: colors.black,
},
textInputBtn: {
borderWidth: 1,

View File

@ -39,6 +39,7 @@ export const Contacts = ({navIdx, visible, params}: ScreenParams) => {
value={searchText}
style={styles.searchInput}
placeholder="Search"
placeholderTextColor={colors.gray4}
onChangeText={onChangeSearchText}
/>
</View>
@ -79,5 +80,6 @@ const styles = StyleSheet.create({
},
searchInput: {
flex: 1,
color: colors.black,
},
})

View File

@ -58,6 +58,7 @@ export const Search = ({navIdx, visible, params}: ScreenParams) => {
<TextInput
ref={textInput}
placeholder="Type your query here..."
placeholderTextColor={colors.gray4}
selectTextOnFocus
returnKeyType="search"
style={styles.input}
@ -116,6 +117,7 @@ const styles = StyleSheet.create({
input: {
flex: 1,
fontSize: 16,
color: colors.black,
},
outputContainer: {