标签: stepper

在SBCL中使用步进器的一个简单示例

使用LispWorks步进器进行计算非常直观,但我无法在SBCL中找到它.有人可以给我一个如何在REPL中使用SBCL步进器的一些简单函数的分步示例吗?谢谢.

lisp debugging sbcl common-lisp stepper

15
推荐指数
1
解决办法
2694
查看次数

如何使用自动完成小部件 Flutter 中的 TextEditingController

我需要使用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)

mobile autocomplete widget flutter stepper

12
推荐指数
1
解决办法
6604
查看次数

步进器纯 HTML CSS

我对我创建的进度条感到困惑。

我希望进度条在将类设置为“活动”后将其背景颜色更改为蓝色。但我希望进度条在类设置为“活动”之前更改其背景颜色。

这是我的 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)

结果是这样

错误的

我希望它是这样的

对

https://jsfiddle.net/dedi_wibisono17/c69e374r/2/

html css stepper

9
推荐指数
2
解决办法
2万
查看次数

SwiftUI 中 Stepper 的奇怪行为

我想使用 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)

stepper swiftui

7
推荐指数
1
解决办法
1941
查看次数

Flutter 中的水平步进器

我想创建一个水平步进器,我知道这很容易,但是这一次,步数应该很大。

举个例子,这就是我在垂直领域所做的事情,

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)

android ios flutter stepper

7
推荐指数
2
解决办法
2万
查看次数

颤动步进器垂直/水平溢出

我的步进器超过 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)

overflow horizontal-scrolling flutter stepper

7
推荐指数
1
解决办法
9384
查看次数

检查输入字段是否更改

我正在使用 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)

javascript forms reactjs next.js stepper

6
推荐指数
1
解决办法
1万
查看次数

仅从 Material UI 导入一个组件

需要从某个地方找到一个 Stepper 组件,而我找到的唯一合适的组件是 MUI 组件。但我的应用程序使用react-bootstrap,但我没有。在这篇文章中(是否可以安装一个仅包含 Material-UI 一个组件的包?),人们提供了一个包,您可以在其中仅导入您需要的组件,但由于某种原因,我需npm config set '@bit:registry' https://node.bit.dev要这样做不同意,因为我希望每个人都能够在npm install没有额外配置的情况下进行操作。有解决方法吗?安装整个 MUI 套件并仅导入 Stepper 真的可以吗?

components npm reactjs material-ui stepper

6
推荐指数
1
解决办法
4415
查看次数

角材料垂直步进机| 在最后一步中延伸垂直线

vertical line是否可以在最后一步中扩展?

模板脚本可以阻止它:

<div class="mat-vertical-content-container" [class.mat-stepper-vertical-line]="!isLast">
Run Code Online (Sandbox Code Playgroud)

这就是现在最后一步的情况: 当前的

这是所期望的: 期望的

感谢您的任何建议。

angular-material angular stepper mat-stepper

5
推荐指数
1
解决办法
890
查看次数

Flutter:自定义步进器

有没有办法改变步骤之间“线”的颜色?并且还删除了将“线”连接到台阶的填充物?

在此输入图像描述

dart flutter stepper

4
推荐指数
1
解决办法
5920
查看次数