swiftui-grid 相关问题

我正在使用 iOS 自定义键盘扩展。 SwiftUI 按钮显示正确，但从未被调用！导入 SwiftUI 类 KeyboardViewController: UIInputViewController { 覆盖功能

列的 maxWidth 无法使用 ag-grid 中的 autoAutoSize 函数调整大小

我正在尝试将 autosizecolumns 功能与 AG-Grid 和 Angular 框架一起应用。当函数执行时，列将默认采用内容的宽度。因此我为

我目前在尝试基于 Tailwind CSS 中动态生成的网格大小变量创建网格时遇到问题。当我使用变量设置 grid-template-rows 和 grid-template-co...

作为 UITextView inputAccessoryView 的 SwiftUI 视图具有不正确的框架

我正在尝试通过 UIHostingController 将 SwiftUI 视图作为附件视图添加到 UITextView 中。以下是我的 UIInputView 配置 struct AccessoryView: View { /* SwiftUI 视图 */ } c...

CSS Grid 使页面自动滚动

我一直在论坛上寻找解决这个问题的方法，我能找到的最接近的就是这个。但似乎没有解决办法。我有一个 CSS 网格，它是 grid-template-columns: Repeat(auto-fill,...

在 Angular 15 升级中遇到加载器解析 ag-grid/angular.css 文件的问题

我在将 Angular 14 升级到 15 时遇到此构建错误。我尝试添加 css 加载器，但没有用 ./node_modules/@ag-grid-community/styles/ag-grid.css?ngGlobalStyle:1:0 - 错误：模块解析失败...

ag-grid - 导出到 Excel/CSV 时定义自定义列标题值

我在我的应用程序中使用ag-grid，在网格顶部我提供了2个按钮“下载Excel”和“下载CSV”，当用户单击任何按钮时网格中的数据应该是

更改 SwiftUI 地图位置而不重置距离？

如何在不影响缩放（或距 MapCamera 视点的距离）的情况下更新 SwiftUI 地图的位置。所以想要总体想要 SwiftUI 地图位置由传入的 GPS co-

在 MUI Data Grid v6 中更新另一个单元格时，如何在编辑模式下更新一个单元格？

我正在使用 MUI Data Grid v6 组件并利用其内置的 CRUD 编辑功能。我有多个列，所有列都可以编辑。在我的“类别&...”列中选择新值后

Ag-Grid 过滤器日期列仅按日期比较，不包括时间部分

该列的字段是带有时间的日期，因此当使用仅日期值进行过滤时，找不到任何内容。我尝试了 [AG-Grid][1] 中的示例但它根本不过滤。有什么建议吗？我用AG-...

角度同步融合网格过滤

如何在 Syncfusion Grid 中过滤时禁用自动完成功能我试过这个：动作开始（参数）{ if (args.requestType === '过滤' && args.currentFilterObject.value == null) { ...

Jetpack Compose 记住关键字

我是使用 swiftui 的 iOS 开发人员。现在我有一个android项目，所以我开始学习jetpack compose。但我有一个与 swiftui 状态不同的问题。包 com.example.myapplicati...

Swift 编译器错误：“类型‘Watermark’不符合协议‘ViewModifier’”

我想添加一个 ViewModifier，如 Paul Hudson 的以下教程中所述 (https://www.hackingwithswift.com/books/ios-swiftui/custom-modifiers)。我的视图修改器是：导入 SwiftUI 结构

将 4 个 div 级联排列为 4 列

我需要排列 4 个层叠的 div，看起来像是 4 列。这是我的html结构（我无法修改它） 1111 我需要排列 4 个层叠的 div，看起来像是 4 列。这是我的html结构（我无法修改它） <div class="col1"> 1111 <div class="col2"> 2222 <div class="col3"> 3333 <div class="col4"> 4444 </div> </div> </div> </div> 我需要它在使用时看起来像： display: grid; grid-template-columns: repeat(4, minmax(200px, 1fr)); 我也尝试过 grid-template-areas 但没有达到预期的结果。好的，所以您需要容器是网格容器，然后元素都属于相同的子级别（即它们都需要属于相同的子元素）。因此你需要重构你的 html 来解决这个问题。这里有一个有用的链接，可以帮助您快速了解如何使用 css 网格。话虽如此，这里有一个 html/css 示例演示了您想要实现的目标。希望这可以帮助您有一个良好的开端。请注意，此示例使用您的值，并将强制每列至少为 200 像素（您显然可以根据您的用例进行更改）。 .grid-container{ display: grid; grid-template-columns: repeat(4, minmax(200px, 1fr)); } <div class="grid-container"> <div class="col1"> 1111 </div> <div class="col2"> 2222 </div> <div class="col3"> 3333 </div> <div class="col4"> 4444 </div> </div>

Material UI OutlinedInput 标签不可见

我们正在使用 Material UI 中的 OutlinedInput，但文本标签不会呈现。如何解决这个问题？从 '@material-ui/core' 导入 { Grid, OutlinedInput }; 我们正在使用 Material UI 中的 OutlinedInput，但文本标签不会渲染。如何解决这个问题？ import { Grid, OutlinedInput } from '@material-ui/core'; <Grid container> <Grid item xs={12}> <OutlinedInput label="invisible label" placeholder="HELLO, STACKOVERFLOW!" value={value} onChange={(e) => handleValueChange(e.target.value)} fullWidth /> </Grid> </Grid> 渲染的是一个空白区域（左上角），而不是预期的“不可见标签”文本：就像 @Daniel L 提到的，你必须在 InputLabel 组件中使用 FormControl 组件，但除了他的答案之外 - 我还必须在我的 label 组件上添加 OutlinedInput 属性，以便轮廓输入不会与我的标签重叠。不带label属性的代码： <FormControl sx={{ m: 1, width: '25ch' }} variant="outlined"> <InputLabel htmlFor='display-name'>Display Name</InputLabel> <OutlinedInput id="display-name" value={displayName} onChange={(e) => handleInputChange(e)} aria-describedby="base-name-helper-text" inputProps={{ 'aria-label': 'weight', }} /> </FormControl> 带有标签属性的代码： <FormControl sx={{ m: 1, width: '25ch' }} variant="outlined"> <InputLabel htmlFor='display-name'>Display Name</InputLabel> <OutlinedInput id="display-name" value={displayName} label='Display Name' onChange={(e) => handleInputChange(e)} aria-describedby="base-name-helper-text" inputProps={{ 'aria-label': 'weight', }} /> </FormControl> 对此问题的快速回答基本上是将组件包装在 FormControl 下，并在 InputLabel 组件顶部添加 OutlinedInput。根据您的代码，它应该如下所示： <Grid container> <Grid item xs={12}> <FormControl> <InputLabel htmlFor="outlined-adornment">Some text</InputLabel> <OutlinedInput id="outlined-adornment" placeholder="HELLO, STACKOVERFLOW!" value={value} onChange={(e) => handleValueChange(e.target.value)} fullWidth /> </FormControl> </Grid> </Grid> 我认为这个组件不适合单独使用。在 MUI 文档中，它主要用作其他组件的增强，例如 TextField <TextField id="outlined-basic" label="Outlined" variant="outlined" /> 如果您检查开发工具中的样式，看起来 CSS 属性 visibility: hidden 导致了此问题。事实上，如果您删除该样式，您将看到该标签有效。但是，如果您已经使用此组件构建了大部分应用程序并且需要显示该标签，只需使用 MUI 的样式解决方案（例如 makeStyles）覆盖它即可。另外，使用 notched prop 为其分配空间 const useStyles = makeStyles({ customInputLabel: { "& legend": { visibility: "visible" } } }); export default function App() { const classes = useStyles(); return ( <div className="App"> <Grid container> <Grid item xs={12}> <OutlinedInput classes={{ notchedOutline: classes.customInputLabel }} label="visible label" placeholder="HELLO, STACKOVERFLOW!" fullWidth notched /> </Grid> </Grid> </div> ); } 我遇到了同样的问题，我将 OutlinedInput 包装到 FormControl 元素中，并附加 InputLabe 组件作为标签，这解决了我的问题。要点：方向：“ltr”确保标签文本对于从左到右的语言正确对齐。 &.MuiFormLabel-root:not(.MuiFormLabel-filled):not(.Mui-focused) 等规则可让您定位不同状态下的标签。确保应用 ThemeProvider 来包装您的应用程序或特定组件以应用这些样式。 const const theme = createTheme({ MuiInputLabel:{ defaultProps:{}, styleOverrides:{ root:{ direction:"ltr", width:"100%", textAlign:"end", fontSize:20, "&.MuiFormLabel-root:not(.MuiFormLabel-filled):not(.Muifocused)":{color:'pink'}, "&.Mui-focused":{left:30,top:-10}, "&.MuiFormLabel-filled:not(.Mui-focused)":{left:30, top:-6} }, }, },

SwiftUI 表格滚动到

有谁知道是否有一个系统可以滚动到 SwiftUI 表中的一行？我知道我可以使用 List/ScrollView/ScrollViewReader 组合，但我理想地寻找与 Ta 配合使用的东西...

我想要swiftUI中的所有侧面渐变阴影按钮

我想在swiftUI按钮中实现这种渐变阴影。任何帮助或建议将不胜感激。我已经实现了渐变边框。预先感谢！

如何在 SwiftUI 中从单一曲线路径开始实现书法效果

在 SwiftUI 中，如何从单个弯曲路径/线导出书法风格的形状？我假设基本算法是：复制路径。翻译副本。 “合并&...

动态 SwiftUI 颜色到 UIColor

我正在尝试将颜色转换为 UIColor。不幸的是，当 SwiftUI 颜色是动态的（浅色和深色的值不同）时，创建的 UIColor 不是动态的。这是一些代码示例来说明...

如何使用 SwiftUI 显示搜索栏

新的SwiftUI框架似乎没有提供内置的搜索栏组件。我应该使用 UISearchController 并以某种方式包装它，还是应该使用简单的文本字段并更新数据

SwiftUI：@StateObject init多次

我正在尝试优化我的 SwiftUI 应用程序。我有一个奇怪的行为，ViewModel 在其视图中存储为 @StateObject。为了理解这个问题，我做了一个小项目来重现它。内容视图

SwiftUI - 从另一个视图导航时，如何为 TabView 中的每个 tabItem 设置单独的自定义工具栏/TopBar？

GridDB 中集群名称使用不正确的问题

使用 gs_startnode 和 gs_joincluster 手动运行 GridDB 时，我一直遇到错误使用集群名称的问题。我修复了 /var/lib/gridstore/conf 和 /usr/grid 中的 gs_cluster.json...

SwiftUI 视图检测模式关闭

我有一个包含在 UIHostingController 中的 SwiftUI 视图，并在 iPad 上以 formSheet 的形式呈现。我有一个完成按钮可以关闭，并且有一个回调闭包从父视图控制器传递到 p...

如何避免 SwiftUI 使用模型数据重绘

我试图更好地理解 SwiftUI 在使用可观察对象作为模型数据时如何重绘。听一个例子。我的 InputView 中有 arc4random_uniform，这样我就可以看到重绘何时发生......

UIBarButtonItem 击中区域（SwiftUI，但不仅如此）

所以，像许多其他人一样，我注意到使用 SwiftUI 添加为 ToolbarItem 的 Button 的点击区域比 UIKit 中的 UIBarButtonItem 小得多。或者说我是这么想的。下面是一个简单的代码来...

在 SwiftUI 中显示带有 URL 的 KFImage 时遇到问题 - Kingfisher

我目前正在开发一个 SwiftUI 项目并使用 Kingfisher 库来显示图像。但是，我在使用带有 URL 的 KFImage 视图显示图像时遇到问题。这是一个简单的...

当 UIKit > SwiftUI > UIKit 时不显示导航栏项目

从 SwiftUI 视图推送到 UIKit 时，导航栏项目不存在或未添加。我在故事板中添加了一项，在代码中添加了一项，但都没有显示。这可能是一个错误...

在 SwiftUI 中动态隐藏列表的空部分

我有一个动态 SwiftUI 列表，它使用状态枚举进行填充。然后它循环遍历我的数据字典，寻找状态匹配来显示数据。所有这一切都很完美。什么...

SwiftUI PhotosPicker 如何在选择完成后清除所选项目列表

我在我的应用程序中使用 SwiftUI 的 PhotosPicker，并试图找到一种方法来确保用户下次打开 PhotosPicker 时，所选元素的数量为零。简单来说，野兔就是...

如何用SwiftUI添加矩形后覆盖ToolBarItem？

结构ContentView：视图{ var body: 一些视图 { 导航视图{ ZStack { 文本（“内容”） .工具栏{

如何获取 SwiftUI Color 的浅色或深色模式版本？

如何在 SwiftUI 中创建一个专门包含暗模式颜色的局部变量。我试图避免将每个视图的配色方案指定为深色以获得深色模式颜色。例如在

如何将点击手势添加到串联 SwiftUI 文本视图的一部分？

我正在开发一个 SwiftUI 视图，我需要连接两个文本视图，并仅使连接文本的一部分可点击。这是一个简化的示例。文本（“你好，”）+ 文本（“

在 AgGrid 中显示组行的单元格值

我正在与 Ag-Grid 企业合作并使用 rowModelType 作为服务器端我只想显示组行上第二列和第三列的一些自定义值（以红线标记）。我有检查...

如何接受可在 SwiftUI 文本视图中使用的任何变量类型

我正在尝试创建一个可重用的组件，用于将 Swift 集合 OrderedSet 呈现到带有删除、移动和添加处理程序的 SwiftUI 列表中。我希望能够传递任何

如何使用SwiftUI @ViewBuilder创建需要参数的视图？

在关于如何将通用 SwiftUI 视图添加到另一个视图的问题的答案中，我了解到这可以使用 @ViewBuilder 来完成。虽然这对于我的大多数用例都适用，但我现在遇到了......

Selenium Grid 未检测到 Docker yaml 文件中的集成

我正在尝试为我的投资组合构建一个自动化测试项目。但我面临着同样的问题。我创建了一个 Docker YAML 文件来编写配置以在 chrome 和

如何让 SwiftUI Preview 只构建主目标而没有测试目标？

我只想运行我的代码的 SwiftUI 预览，但是，它也在构建我的单元测试。它们有一些错误，所以我不希望构建它们。它们通常不是在运行我的 Xc 时构建的...

MUI X DataGrid 在分页结果时仅显示一行

我正在使用 MUI X Data Grid v5 和 Tanstack React Query v4 我正在尝试在我的 Datagrid 组件上使用分页，当页面最初加载时，它会按预期正常获取并加载网格。

在 macOS 应用程序的 SwiftUI 侧边栏中实现重命名和重新排序

我正在仅使用 SwiftUI 开发 macOS 应用程序。我正在尝试实现一个类似于 Finder 或 Notes 等 Apple 应用程序中的侧边栏，其中可以重新排列和重命名项目。在我的侧边栏中...

swiftUI picker（Picker 中内容的填充不起作用）

无论如何都可以在选择器中“填充”内容。如Picker中的“Text”.padding() 选择器（选择：$picked）{ ForEach(0...10, id: \...

SwiftUI：为视图添加边框而不出血？

我有一个像这样的简单视图：结构 TestView: 查看 { var body: 一些视图 { 按钮（操作：{}）{ 文本（“按钮”）。填充（） ...

ALV GRID 不会根据值表检查输入，并且不显示匹配代码

我创建了一个包含 5 个字段的自定义表格： MANDT：数据元素 MANDT VBELN：数据元素 VBELN_VA POSNR：数据元素 POSNR_VA EXT_ID：自定义数据元素 VALUE：自定义数据元素我已经定义了

将 Objective-C rootViewController 更改为 SwiftUI

我有一个使用 React Native 构建的项目，对于某些功能，我使用以下代码将 rootViewController 从 React Native 更改为 Storyboard： - (无效) goToNativeView { UIViewControl...

如果父级 <a> 具有特定类，如何使用 JavaScript 将 <span> 标签的文本用 <div> 括起来

我有以下代码我有以下代码 <div class="team-grid"> <div class="cssgrid-wrapper"> <div class="cssgrid-container"> <div class="tmb"> <div class="t-inside "> <div class="t-entry-text"> <div class="t-entry-text-tc"> <div class="t-entry"> <p class="t-entry-meta"> <span class="t-entry-category t-entry-tax"> <a href="#">Category one</a> </span> </p> </div> </div> </div> </div> </div> </div> <div class="tmb"> <div class="t-inside "> <div class="t-entry-text"> <div class="t-entry-text-tc"> <div class="t-entry"> <p class="t-entry-meta"> <span class="t-entry-category t-entry-tax"> <a href="#">Category two</a> </span> </p> </div> </div> </div> </div> </div> </div> </div> 并且我想使用javascript将每个A标签的文本包含在具有“hide”类的SPAN中，如果a标签具有具有“team-grid”类的祖父母DIV和具有“t-entry”类的父SPAN -类别'。所以在上面的例子中结果将是 <div class="team-grid"> <div class="cssgrid-wrapper"> <div class="cssgrid-container"> <div class="tmb"> <div class="t-inside "> <div class="t-entry-text"> <div class="t-entry-text-tc"> <div class="t-entry"> <p class="t-entry-meta"> <span class="t-entry-category t-entry-tax"> <a href="#"><span class="hide">Category one</span></a> </span> </p> </div> </div> </div> </div> </div> </div> <div class="tmb"> <div class="t-inside "> <div class="t-entry-text"> <div class="t-entry-text-tc"> <div class="t-entry"> <p class="t-entry-meta"> <span class="t-entry-category t-entry-tax"> <a href="#"><span class="hide">Category two</span></a> </span> </p> </div> </div> </div> </div> </div> </div> </div> 如有任何帮助，我们将不胜感激。 document.querySelectorAll('.team-grid .t-entry-category > a').forEach(a => { a.innerHTML = `<span class="hide">${a.textContent}</span>`; });

旋转期间不考虑 SwiftUI TabView 插入

对于 Carousel 自定义组件，我们使用具有以下修饰符的 TabView： .tabViewStyle(.page(indexDisplayMode: .never)) 一切都工作得很好，除了在旋转期间...

horizontalSizeClass 返回 nil

我正在尝试让我的 swiftUI 视图动态调整大小。我发现执行此操作的方法是使用如下所示的环境信息： @Environment(\.horizontalSizeClass) var sizeClass 然而，它并不

当我删除具有交替 .listRowBackground 颜色的行时，SwiftUI / iOS 应用程序崩溃

我为列表设置了交替颜色： .listRowBackground((self.restaurants.firstIndex(of:restaurant)! % 2 == 0) ? Color.myLightGray: Color.white)，但是当我删除一行时，程序崩溃...

SwiftUI 中 NavigationSplitView 的编程式导航

我有一个最初使用 NavigationSplitView 为 iPad 设计的应用程序。在手机上，我希望它在某些情况下自动导航到详细视图。我找到了 isActive 属性...

为什么在 SwiftUI 中的 TextField 绑定上调用 didSet 两次？

我有一个非常基本的视图，仅显示一个文本字段：看法结构ContentView：视图{ @StateObject var viewModel = ViewModel() var body: 一些视图 { TextField("输入一个...

swiftui-grid 相关问题

最新问题