大家好,谁能帮助我了解如何更改 flowbite-react 组件中选项卡的颜色,我正在使用 Next js。我已经按照此处的文档进行设置https://flowbite.com/docs/getting-started/next-js/
我还意识到 Tabs 组件中没有ClassName
属性,所以我尝试使用该color
属性,但没有任何反应
这是SS:
没有ClassName
房产Tabs.Group
没有ClassName
房产Tabs.Item
color
使用属性未更改颜色
我试图通过API上的GET方法从数据库中获取数据
这是我的编码
APIServive.Interface
public interface APIService {
@FormUrlEncoded
@GET("Event")
Call<ApiResponseModel> viewEvent();
}
Run Code Online (Sandbox Code Playgroud)
EventModel.Java
public class EventModel {
@SerializedName("nama_event") String nama_event;
@SerializedName("jenis_event") String jenis_event;
@SerializedName("creator") String creator;
@SerializedName("deskripsi_event") String deskripsi_event;
@SerializedName("tanggal") String tanggal;
@SerializedName("status") String status;
public String getNama_event() {
return nama_event;
}
public String getJenis_event() {
return jenis_event;
}
public String getCreator() {
return creator;
}
public String getDesk_event() {
return deskripsi_event;
}
public String getTanggal_event() {
return tanggal;
}
public String getStatus() {
return status;
}
}
Run Code Online (Sandbox Code Playgroud)
ViewActivity.Java
public …
Run Code Online (Sandbox Code Playgroud) 该图标显示在屏幕/页面中,但不会显示在底部导航中。我尝试过的解决方案:
./gradlew clean
然后尝试过npx react-native run-android
,但结果相同npx react-native link react-native-vector-icons
然后尝试过npx react-native run-android
,但结果相同屏幕截图底部导航栏
屏幕截图设置屏幕
它确实出现在屏幕/页面中,如上面的屏幕截图所示,但不会显示在底部导航中。
注意:我已经在模拟器和真实的 Android 设备中进行了测试,但仍然得到相同的结果!
底部选项卡的代码
import React from 'react'
import { StyleSheet, Text, View } from 'react-native'
import Ionicons from 'react-native-vector-icons/Ionicons'
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'
import ProductNavigation from './ProductNavigation'
import SettingScreen from '../screen/SettingScreen'
const BottomTab = createBottomTabNavigator();
const BottomTabNav = () => {
return (
<BottomTab.Navigator>
<BottomTab.Screen
name="Home"
component={ProductNavigation}
options={{
tabBarLabel: "Home", …
Run Code Online (Sandbox Code Playgroud) react-native react-native-vector-icons react-navigation-bottom-tab react-navigation-v5
android ×1
api ×1
css ×1
flowbite ×1
java ×1
javascript ×1
next.js ×1
react-native ×1
react-navigation-bottom-tab ×1
reactjs ×1
retrofit ×1
retrofit2 ×1