我喜欢Font Awesome图标字体,并希望将其用于我网站上的大多数图标,但除了提供的内容之外,还有一些我需要的自定义svg图标.
我注意到Font Awesome的.svg版本主要由以下<glyph />
元素组成:
...
<glyph unicode="" horiz-adv-x="1536" d="M0 80v477q0 51 24.5 61.5t59.5 -24.5l162 -162l340 338l-338 338l-164 -164q-35 -35 -59.5 -25.5t-24.5 60.5v477q0 31 23 57q27 23 57 23h477q51 0 61.5 -24.5t-24.5 -59.5l-160 -158l338 -338l332 334l-162 162q-35 35 -24.5 59.5t61.5 24.5h477q33 0 55 -23 q25 -25 25 -57v-477q0 -51 -24.5 -61.5t-59.5 24.5l-162 162l-334 -334l338 -336l158 160q35 35 59.5 24.5t24.5 -61.5v-477q0 -35 -25 -55q-23 -25 -55 -25h-477q-51 0 -61.5 24.5t24.5 59.5l166 166l-336 336l-340 …
Run Code Online (Sandbox Code Playgroud) 我想在焦点之前更改此代码中的颜色或边框,我想要红色,在焦点上我想要黄色。
这是我的作品 https://prnt.sc/o8evi5
这是我拥有的代码,我正在使用 React Native Paper https://callstack.github.io/react-native-paper/text-input.html
<TextInput
label='Email or username'
mode='outlined'
theme={{ colors: { underlineColor:'red',}}}
style={(this.state.isFocused) ? {borderColor: 'black', borderColor: 'black',} : {fontStyle: 'italic', color: 'white'}}
selectionColor='red'
underlineColor='red'
placeholder='name@example.com'
keyboardType='email-address'
underlineColorAndroid='transparent'
autoCorrect='false'
autoCapitalize='none'
onChangeText={formikProps.handleChange('email')}
onBlur={formikProps.handleBlur('email')}
//autoFocus
/>
Run Code Online (Sandbox Code Playgroud)
我试过了,但它没有给我我想要的 https://github.com/callstack/react-native-paper/issues/656
我需要为 IOS 和 android 使用谷歌地图作为react-native
世博会应用程序。我找到了react-native-maps
使地图易于使用的库,但它为 IOS 渲染了默认的 IOS 地图。有一些教程会向您展示如何将谷歌地图集成到 IOS,但这些是由react-native
init创建的普通 react-native 应用程序,而不是 expo。