使用LispWorks步进器进行计算非常直观,但我无法在SBCL中找到它.有人可以给我一个如何在REPL中使用SBCL步进器的一些简单函数的分步示例吗?谢谢.
我需要使用TexteditingController小部件“自动完成”。是在步进器改变阶段时使用清除功能
我需要这样做,因为如果我返回一个阶段,之前输入的文本仍然存在,这是自动完成代码:
Autocomplete<Profesional>(
optionsViewBuilder: (BuildContext context,
AutocompleteOnSelected<Profesional> onSelected,
Iterable<Profesional> options) {
return Align(
alignment: Alignment.topLeft,
child: Material(
elevation: 4.0,
child: SizedBox(
height: 200.0,
child: ListView.builder(
padding: const EdgeInsets.all(8.0),
itemCount: options.length,
itemBuilder: (BuildContext context, int index) {
final Profesional option =
options.elementAt(index);
return GestureDetector(
onTap: () {
onSelected(option);
},
child: ListTile(
title: Text(option.cod),
),
);
},
),
),
),
);
},
optionsBuilder: (TextEditingValue query) {
return viewModel.efectores.where((efector) {
return efector.cod
.toLowerCase()
.contains(query.text.toLowerCase()) ||
efector.nombre
.toLowerCase()
.contains(query.text.toLowerCase());
});
},
fieldViewBuilder: …Run Code Online (Sandbox Code Playgroud) 我对我创建的进度条感到困惑。
我希望进度条在将类设置为“活动”后将其背景颜色更改为蓝色。但我希望进度条在类设置为“活动”之前更改其背景颜色。
这是我的 HTML:
<ul class="progressBar">
<li class="active">Beong Processed</li>
<li class="active">Waiting for payment</li>
<li>Paid</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
...和CSS:
.progressBar li.active {
color: dodgerblue;
}
.progressBar li.active:before {
border-color: dodgerblue;
background-color: dodgerblue
}
.progressBar li.active + li:after {
background-color: dodgerblue;
}
Run Code Online (Sandbox Code Playgroud)
结果是这样
我希望它是这样的
我想使用 onIncrement 和 onDecrement 在手动(非绑定)模式下使用步进视图。当我尝试实现下限和上限时,会出现奇怪的行为,例如。年龄值不低于 1 或高于 10。
如果您尝试以下代码,则可以在其值已为“1”后按两次“-”。它并没有像预期的那样低于 1,但是在再按两次之后,“-”按钮突然被禁用。如果您随后按“+”,则不会发生任何事情。仅在再按 2 次“+”后,计数器才会按预期做出反应并变为 2。
这是一个错误吗?
struct StepperTest: View {
@State private var age = 5
var body: some View {
VStack {
Stepper("Enter your age", onIncrement: {
if self.age < 10 {
self.age += 1
print("Adding to age")
}
}, onDecrement: {
guard self.age > 1 else { return }
self.age -= 1
print("Subtracting from age")
})
Text("Your age is \(age)")
}
}
}
Run Code Online (Sandbox Code Playgroud) 我想创建一个水平步进器,我知道这很容易,但是这一次,步数应该很大。
举个例子,这就是我在垂直领域所做的事情,
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Flutter Demo',
theme: new ThemeData(
primarySwatch: Colors.blue,
),
home: new HomePage(),
);
}
}
class HomePage extends StatelessWidget{
@override
Widget build(BuildContext context) {
return new Scaffold(
body: Container(
margin: EdgeInsets.symmetric(vertical: 20.0),
child: new ListView(
children: <Widget>[
new Text("Helllo "),
new Text( " Welcome"),
new Text (" Yaaa0"),
new …Run Code Online (Sandbox Code Playgroud) 我的步进器超过 3 个步骤。
步进器工作方向正确Vertical,但是当我Horizontal用溢出FloatingActionButton像素切换时。
附上屏幕截图:-
我的代码:-
import 'package:flutter/material.dart';
class StepperEx extends StatefulWidget {
@override
_StepperExState createState() => _StepperExState();
}
class _StepperExState extends State<StepperEx> {
int _currentStep = 0;
StepperType stepperType = StepperType.vertical;
switchStepType() {
setState(() => stepperType == StepperType.vertical
? stepperType = StepperType.horizontal
: stepperType = StepperType.vertical);
}
@override
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomPadding: false,
appBar: AppBar(
title: Text('Stepper Example'),
),
body: Column(
children: <Widget>[
Expanded(
child: Stepper(
//physics: …Run Code Online (Sandbox Code Playgroud) 我正在使用 React 制作一个步进表单。表格结构也差不多完成了..
有两个步骤,
-> Basic Details
-> Employment Details
Run Code Online (Sandbox Code Playgroud)
这里,表单上下文用于填写输入字段的默认值,如果进行任何更改,则将通过状态存储。
表单上下文.js
import React, { useState } from 'react';
export const FormContext = React.createContext();
export function FormProvider({ children }) {
const [formValue, setFormValue] = useState({
basicDetails: {
firstName: 'John',
lastName: '',
},
companyDetails: {
companyName: 'Some Company',
designation: 'Some Designation',
},
});
return (
<FormContext.Provider value={[formValue, setFormValue]}>
{children}
</FormContext.Provider>
);
}
Run Code Online (Sandbox Code Playgroud)
这里我有下一个和上一个按钮可以在步骤之间移动,
索引.js:
const next = () => setCurrentPage((prev) => prev + 1);
const prev = () => setCurrentPage((prev) => …Run Code Online (Sandbox Code Playgroud) 需要从某个地方找到一个 Stepper 组件,而我找到的唯一合适的组件是 MUI 组件。但我的应用程序使用react-bootstrap,但我没有。在这篇文章中(是否可以安装一个仅包含 Material-UI 一个组件的包?),人们提供了一个包,您可以在其中仅导入您需要的组件,但由于某种原因,我需npm config set '@bit:registry' https://node.bit.dev要这样做不同意,因为我希望每个人都能够在npm install没有额外配置的情况下进行操作。有解决方法吗?安装整个 MUI 套件并仅导入 Stepper 真的可以吗?
vertical line是否可以在最后一步中扩展?
模板脚本可以阻止它:
<div class="mat-vertical-content-container" [class.mat-stepper-vertical-line]="!isLast">
Run Code Online (Sandbox Code Playgroud)
感谢您的任何建议。
stepper ×10
flutter ×4
reactjs ×2
android ×1
angular ×1
autocomplete ×1
common-lisp ×1
components ×1
css ×1
dart ×1
debugging ×1
forms ×1
html ×1
ios ×1
javascript ×1
lisp ×1
mat-stepper ×1
material-ui ×1
mobile ×1
next.js ×1
npm ×1
overflow ×1
sbcl ×1
swiftui ×1
widget ×1