Library Search
结果页计数器应用——StatefulWidget 与状态管理
在 技术栈 中找到 8 个匹配结果。
技术栈
技术栈
8 个 Flutter # Flutter 例程：经典计数器——理解 StatefulWidget
## 目标
通过官方经典的计数器例子，理解 Flutter 核心概念：Widget 树、StatefulWidget、setState、MaterialApp。
## 完整代码
```dart
// lib/main.dart
import 'package:flutter/material.dart';
void… 2% Svelte # Svelte 响应式计数器
## 目标
体验 Svelte 的"赋值即响应"魔法 —— 无需 `useState`/`ref`，直接 `let count = 0` + `count += 1`。
## 完整代码
### `src/routes/+page.svelte`（SvelteKit）
```svelte
<script>
let count = 0
let name… 2% Preact # Preact 计数器与随机名言
## 目标
用 Preact Hooks 实现计数器 + 随机名言获取，展示信号式状态管理和 useEffect 副作用。
## 完整代码
### `src/main.jsx`
```jsx
import { render } from 'preact';
import { App } from './app';
render(<App />, docu… 2% React # React 计数器 + 随机用户 API
## 目标
用 React Hooks（`useState`、`useEffect`）实现计数器，并调用免费 API 获取随机用户信息。
## 完整代码
### `src/App.tsx`
```tsx
import { useState, useEffect } from 'react'
interface User {
name: {… 2% Vue <!-- 子传父：emit -->
<script setup>
const emit = defineEmits<{
update: [value: string]
close: []
}>()
</script>
```
### 4. 状态管理：Pinia
```typescript
// stores/user.ts
import { defineStore } from 'p… 2% Angular addTodo() {
if (this.newTodo.trim()) {
this.todoService.add(this.newTodo.trim());
this.newTodo = "";
}
}
toggleTodo(id: number) {
this.todoService.toggle(id);
}
remov… 1% Qt add_executable(${PROJECT_NAME}
main.cpp
TemperatureConverter.cpp
)
target_link_libraries(${PROJECT_NAME} PRIVATE Qt6::Widgets)
```
## 运行步骤
```bash
mkdir build && cd build
cmake ..
make -j$(n… 1% ROS 2 状态层 (State)
├── /odom (里程计)
└── /joint_states (关节状态)
```
---
## 4. Gazebo 仿真集成
```xml
<!-- launch/sim.launch.py 核心结构 -->
<launch>
<!-- 启动 Gazebo -->
<inclu… 1%