react-native-paper

Change label Color TextInput react native paper onFocus

天涯浪子 提交于 2021-01-27 19:50:48
问题 how to change the label color for textInput when it is focused. I am using react-native-paper by default it is violet in color is there any prop like labelColor to do the same The label color of TextInput needs to be changed when the textInput is clicked to edit. PLease see the following code for details import React, {Component} from 'react' import { View, StyleSheet } from 'react-native' import { Text, TextInput, Card, Button } from 'react-native-paper' class login extends Component { state

Custom fonts dosen't work with react-native-paper

三世轮回 提交于 2021-01-27 17:41:49
问题 Trying to integrate custom fonts 'Tajawal-Bold' and 'Tajawal-Medium' with my RN project that use react-native-paper. (Android app only) I did like described in the documentation of react-native=paper, https://callstack.github.io/react-native-paper/fonts.html. This fonts are applied to RN components, but paper component doesn't. Anyone can help? 回答1: i fixied this problem by eliminate using configureFonts function 来源: https://stackoverflow.com/questions/64008481/custom-fonts-dosent-work-with

Icons not showing in React Native + React Native Paper app

江枫思渺然 提交于 2021-01-27 05:40:48
问题 This is a fresh React Native app using React Native Paper . I followed the instructions at https://callstack.github.io/react-native-paper/getting-started.html and installed react-native-paper and react-native-vector-icons . For some reason, none of the icons are showing in the app -- see below: For example, I have a Searchbar at the top of this screen with the following code. As far as I can see, I don't even have to specify an icon there. It should automatically display a magnifying glass

react-navigation, how to close the drawer menu when clicking on the overlay?

允我心安 提交于 2020-02-05 04:22:40
问题 I am running the react-native-paper example app on the web. For this, I have replaced in the render: <PaperProvider theme={theme}> <SafeAreaProvider> <PreferencesContext.Provider value={preferences}> <React.Fragment> <NavigationNativeContainer initialState={initialState} onStateChange={state => AsyncStorage.setItem(PERSISTENCE_KEY, JSON.stringify(state)) } > - {Platform.OS === 'web' ? ( - <App /> - ) : ( <Drawer.Navigator drawerContent={() => <DrawerContent />}> <Drawer.Screen name="Home"