腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
带有
react
导航
的
自定义
图标
5
react-native
、
react-navigation
、
react-navigation-v5
、
react-navigation-bottom-tab
我正在尝试使用
带有
react
选项卡栏
导航
的
自定义
图标
。然而,所有的教程和文档总是只涉及通过Ionicons或Materialdesign实现
图标
。有没有办法实现我自己
的
图标
?red', backgroundColor: '#F1F1F1', color: 'red', paddingBottom:
5
浏览 22
提问于2020-05-03
得票数 3
回答已采纳
1
回答
React
Native中
带有
图标
的标题按钮
react-native
我已经使用了ReactNative
导航
(堆栈
导航
)。它只有两个屏幕。主页和详细信息屏幕。我成功地实现了Stack
导航
。然而,我有问题添加一个标题
的
标题右边
的
标题按钮
的
图标
。为了添加
带有
图标
的标题按钮,我使用了一个名为HeaderButtons
的
第三方库。然而,当我渲染时,它只显示标题而不显示
图标
。请注意,我已经使用expo创建了reactnative项目和来自@expo/vector-ic
浏览 26
提问于2020-05-27
得票数 1
3
回答
在
React
导航
v
5
中突出显示当前
的
活动抽屉菜单
react-native
、
react-navigation
、
react-native-navigation
、
react-navigation-drawer
、
react-navigation-v5
我已经创建了一个
自定义
抽屉
导航
器,使用
的
是menu
导航
版本:
5
.X,但是当前
的
active选项卡并没有在
自定义
抽屉菜单中突出显示。他们是否有任何方式在
自定义
抽屉组件中使用这个常见选项?我在DrawerItem元素中使用了“
图标
”,在这里,我根据
react
导航
文档添加了默认
的
道具(颜色、焦点、大小)。因此,
图标
的颜色是“灰色”(可能是默认行为)。我怎样才能改变这个
浏览 6
提问于2020-03-10
得票数 7
回答已采纳
1
回答
使用系统
图标
或图像
图标
的
自定义
导航
栏按钮
iphone
、
ios
、
button
我正在尝试弄清楚如何制作使用系统
图标
或图像
图标
的
自定义
导航
栏按钮。我按照下面的教程来设置
自定义
导航
栏背景,并创建
自定义
文本按钮,现在我想创建像教程中那样
的
按钮,但使用
图标
而不是文本。有人知道如何创建
带有
图标
的
自定义
导航
栏按钮吗? 谢谢!
浏览 1
提问于2011-02-20
得票数 2
1
回答
如何在
react
native version .61中将动画添加到底部选项卡
图标
ios
、
react-native-ios
、
react-native-navigation
、
react-native-animatable
、
react-navigation-bottom-tab
如何在
react
-native
导航
中
自定义
bottomTab并向其添加
自定义
动画。我当前正在使用
react
native版本
的
.61,我希望将动画只放在中间选项卡
图标
中。
图标
应该跳跃和旋转。我需要它
的
ios应用程序。
浏览 16
提问于2020-02-11
得票数 0
1
回答
使用preferLargeTitles将imageView用作
导航
栏
的
标题
swift
、
uinavigationbar
、
titleview
我想使用
带有
文本
的
自定义
图标
作为启用preferLargeTitles
的
导航
栏
的
标题。
自定义
标题需要先变大并居中,然后在滚动时调整大小。它应该是这样
的
:
带有
标题
的
大
导航
栏,其中包含
图标
和文本我尝试使用
带有
图标
和文本
的
图像,这样我就可以创建一个imageView并将titleView设置为该Bar,但
浏览 6
提问于2018-06-05
得票数 1
1
回答
如何设计NavDrawer
的
按钮和
导航
栏?
javascript
、
ios
、
reactjs
、
react-native
、
react-native-router-flux
在中,我有一个名为
react
-native-drawer
的
功能NavDrawer。它目前在
导航
栏左侧有默认
的
汉堡包菜单
图标
,并希望将其更改为另一个
自定义
图标
。所以我试了一下,左边
的
tried =‘菜单’,但是没有改变。我还通过navigationBarStyle更改了
导航
栏
浏览 2
提问于2016-10-07
得票数 2
1
回答
React
导航
5
-带
自定义
标题
的
createNativeStackNavigator
react-native
、
react-navigation-stack
、
react-navigation-v5
我在
React
原生应用程序上使用
react
导航
5
。我尝试使用
带有
自定义
标题
的
NativeStackNavigator。使用
React
导航
4可以工作,但不能使用
5
。
React
导航
4: ...baseNavigationO
浏览 0
提问于2020-02-21
得票数 0
1
回答
Ionicon不会显示在
React
Native BottomTabNavigator上
react-native
、
ionicons
、
react-native-vector-icons
我正在尝试使用
react
导航
来设置一个简单
的
屏幕
导航
栏。我已经让
导航
工作了,但是不能让任何
图标
出现在每个选项卡上。我尝试过使用FontAwesome而不是IonicIcons,但在所需
图标
的位置出现了
带有
X
的
相同框。import
React
, {Component} from '
react
'; import {createBottomTabNavigator, createApp
浏览 14
提问于2019-05-14
得票数 0
回答已采纳
1
回答
覆盖
react
本机
导航
的
默认选项卡
导航
堆栈行为
的
能力
react-native
、
react-native-navigation
、
wix-react-native-navigation
问题描述tab1 -> screen1是否有一种方法可以覆盖此行为,以便当我按下选项卡
的
图标
时,它会
导航
到该选项卡
的
初始屏幕,而不管它在堆栈上有多少个屏幕?环境
React
本机
导航
版本: 1.1.4
浏览 0
提问于2018-05-29
得票数 0
4
回答
图标
没有显示在反应
导航
-标题-按钮(反应本机)
react-native
、
react-navigation
、
react-native-button
我试图添加一个
图标
到headerRight使用反应
导航
标题-按钮库。但是
图标
的标题是显示而不是
图标
。import { View, Text, Button, StyleSheet } from</View>} const styles = StyleShe
浏览 10
提问于2020-04-12
得票数 6
1
回答
React
Native应用中类似Uber
的
抽屉
导航
react-native
、
react-navigation
我正在尝试弄清楚如何使用
React
导航
在
react
Native应用中实现
导航
,使其类似于Uber应用。 我想使用抽屉,其中包含一个菜单项,如设置,配置文件等。点击每个项目应打开一个模式与
导航
堆栈与箭头左或十字
图标
按钮在顶部(标题),以关闭堆栈和返回主屏幕。当
带有
导航
堆栈
的
模式打开时,我想禁用抽屉。 这可以通过
react
导航
来实现吗?
浏览 21
提问于2019-06-14
得票数 2
回答已采纳
1
回答
如何使用Javascript动态检查
图标
字体集中是否存在特定
图标
?
javascript
、
reactjs
、
fonts
、
icons
我正在构建一个
带有
自定义
图标
字体
的
React
Native应用程序,我需要能够显示默认
图标
,而不是在
自定义
图标
字体集中不存在或缺少特定
图标
的地方显示问号,这可能吗?
浏览 15
提问于2021-07-28
得票数 0
回答已采纳
1
回答
返回时不触发ReactNative WebView onNavigationStateChange
react-native
、
react-native-android
我有一个
带有
WebView
的
react
原生应用程序。我已经在webview中实现了
导航
,比如使用webview
的
goBack()函数返回到上一个屏幕。但问题是,当用户到达网页视图中
的
主页时,我希望禁用后退
图标
。最初,webview主页上
的
canGoBack属性是假
的
,但经过几次
导航
并返回主页后,没有将canGoBack设置为false.Hence,后退按钮仍处于启用状态,但在单击时没有任何反应。有趣
的</em
浏览 2
提问于2018-12-03
得票数 0
2
回答
为什么tabBarIcon不
导航
到我
的
Tab.Screen中
的
组件?
react-native
、
expo
、
react-navigation
、
react-navigation-v6
在构建
自定义
Tab.Screen时,我尝试传递一个
自定义
tabBarIcon。当
图标
呈现时,它将不会
导航
到组件TestScreen。当我阅读
的
文档时,它提到screenOptions应该传递到Navigator或Group上。我试着看看是否能找到一个类似的问答: "dependencies": { "@
react
-navigation/bott
浏览 1
提问于2021-10-25
得票数 2
回答已采纳
1
回答
expo
react
- Navigator
5
.x,Bottom Tab Navigator包装在抽屉
导航
器中时,在IOS和Android上
的
工作方式不同
react-native
、
expo
、
react-navigation-v5
、
react-navigation-drawer
、
react-navigation-bottom-tab
想实现底部选项卡
导航
器与
自定义
样式
的
中央选项卡
图标
和一个DrawerNavigator。当BottomTab用DrawerNavigator包起来时,圆度
的
中心按钮在安卓系统上会被剪掉(在IOS上是可以
的
) 适用于Android ? 下面是一个用于切换两种状态
的
工作点心(使用DrawerNavigator +底部
导航
器Vs底部
导航
器) 同样,该问题仅在Android上存在 https://snack.expo
浏览 17
提问于2021-08-11
得票数 0
回答已采纳
1
回答
在
react
native paper BottomNavigation中调整
图标
大小
react-native
、
react-native-paper
我是第一次接触
react
-native-paper,并且正在尝试学习如何使用BottomNavigation。我正在看来自
react
-native-paper documentation
的
示例,但无法确定如何增加其中一个
图标
的大小。假设我有
5
个
图标
,相册,库,新建,收藏,购买,并想增加中间
图标
的大小,新建,我该怎么做呢?
浏览 22
提问于2020-06-21
得票数 1
1
回答
ListItem onPress找不到密钥
react-native
、
react-router
、
react-native-router-flux
、
native-base
我使用
的
反应本机与反应-本机-路由器流量和本机基础。我创建了一个
带有
本机SideMenu
的
-base,并使用
react
本机-路由器流量
导航
。问题是,当我单击到ListItem时,它不会
导航
到我想要
的
屏幕上。const datas =[{ name:'Home',key:'home',
图标
:'home',bg:'#C
5
F442', },{ name:
浏览 0
提问于2017-06-02
得票数 0
回答已采纳
4
回答
react
导航
v
5
中
的
问号而不是
图标
reactjs
、
react-native
、
react-navigation
、
react-native-tabnavigator
、
react-native-vector-icons
我通过下面的命令安装了矢量
图标
:然后用这个方法导入
图标
:(我不是在用expo)下面是主要代码:<Ta
浏览 55
提问于2020-02-12
得票数 0
2
回答
不正确
的
导航
图标
通过usestate设置
reactjs
为我
的
应用程序
的
标题创建一个
带有
导航
的
动态
图标
--我遇到了这个‘延迟’,也就是说,它总是点击延迟,甚至
导航
等等,但是它需要几次点击才能工作,为了更好地说明我将发布一个gif。这些
图标
用于在我
的
应用程序
的
主页和编辑器页面之间
导航
,所以使用useNavigateimport { useState } from "
react
"; import { AiOu
浏览 7
提问于2022-09-07
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
6个常用的React组件库
干货15 个有趣的 JS和CSS 库
13个精选的 React JS 框架
2018年7月6日:开源日报第120期
前端入门:ESLint使用方法
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券