- 综合排序
- 最热优先
- 最新优先
- 来自专栏个人路线
Flutter：创建透明/半透明的应用栏
(), ); } } class HomeScreen extends StatefulWidget { const HomeScreen({Key? key}) : super(key: key); @override State<HomeScreen> createState() => _HomeScreenState(); } class _HomeScreenState extends State<HomeScreen> { @override Widget build(BuildContext context) { (), ); } } class HomeScreen extends StatefulWidget { const HomeScreen({Key? (), ); } } class HomeScreen extends StatefulWidget { const HomeScreen({Key?
4.2K20编辑于 2022-06-24 - 来自专栏前端开发随笔
Rn使用material-top-tabs导航滑动切换
createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs'; const Tab = createMaterialTopTabNavigator(); const HomeScreen backgroundColor: "#2C3167" } }}> <Tab.Screen name="导航1" component={HomeScreen } /> <Tab.Screen name="导航2" component={HomeScreen} /> <Tab.Screen name="导航3" component={HomeScreen} /> <Tab.Screen name="导航4" component={HomeScreen} /> <Tab.Screen name="导航5" component={HomeScreen} /> </Tab.Navigator> ); } export default Mine;
2.1K20发布于 2021-07-08 - 来自专栏终身学习者
React Native 导航：示例教程
1.使用堆栈导航器在屏幕组件之间导航 首先，我们创建两个文件，即 Homescreen 和 Aboutscreen ： /* components/Homescreen.js */ import React /components/HomeScreen'; import AboutScreen from '. Home 路由对应于 HomeScreen ，而 About 路由对应于 AboutScreen 。 /components/HomeScreen'; import AboutScreen from '. 在你的 HomeScreen 文件中，用下面的代码替换你的代码： /* components/HomeScreen.js */ import React from 'react'; import {
4.9K10编辑于 2024-02-19 - 来自专栏谦谦君子修罗刀
react-navigation，刷新你的导航一、属性介绍二、案例
/HomeScreen'; //导入需要展示的页面 const Navigator = StackNavigator( //设置导航要展示的页面 { HomeScreen:{screen /ChatScreen' //新建的文件 const Navigator = StackNavigator( { HomeScreen:{screen:HomeScreen}, 下面是HomeScreen中的代码。ChatScreen是第二个导航界面。 在HomeScreen中添加一个button组件,使用routeName路由名称ChatScreen关联到组件ChatScreen. export default class HomeScreen extends 首先编辑一下HomeScreen组件，传递自定义的属性user参数到路由中去。
23K90发布于 2018-05-02 - 来自专栏Web大前端
React Native跨平台开发实战：从零到一
react-navigation/native'; import { createStackNavigator } from '@react-navigation/stack'; import HomeScreen /screens/HomeScreen'; import DetailsScreen from '. <NavigationContainer> <Stack.Navigator> <Stack.Screen name="Home" component={HomeScreen 在组件中发送请求： import React, { useState, useEffect } from 'react'; import axios from 'axios'; const HomeScreen => console.error(error)); }, []); return ( // 渲染数据 ); }; export default HomeScreen
1.9K10编辑于 2024-06-02 - 来自专栏个人路线
Flutter：如何使用 CustomPaint 绘制心形
'breeze', theme: ThemeData( primarySwatch: Colors.indigo, ), home: const HomeScreen ); } @override bool shouldRepaint(CustomPainter oldDelegate) { return true; } } class HomeScreen extends StatefulWidget { const HomeScreen({Key? key}) : super(key: key); @override State<HomeScreen> createState() => _HomeScreenState(); } class _HomeScreenState extends State<HomeScreen> { @override Widget build(BuildContext context) {
1.4K20发布于 2021-10-18 - 来自专栏实时计算
NoteBook学习（二）-------- Zeppelin简介与安装
zeppelin.ssl.truststore.type ZEPPELIN_SSL_TRUSTSTORE_PASSWORD zeppelin.ssl.truststore.password ZEPPELIN_NOTEBOOK_HOMESCREEN zeppelin.notebook.homescreen Display note IDs on the Apache Zeppelin homescreen e.g. 2A94M5J1Z ZEPPELIN_NOTEBOOK_HOMESCREEN_HIDE zeppelin.notebook.homescreen.hide false Hide the note ID set by ZEPPELIN_NOTEBOOK_HOMESCREEN on the Apache Zeppelin homescreen.
1.9K20发布于 2019-08-08 - 来自专栏个人路线
Flutter：如何使用 CustomPaint 绘制心形
'breeze', theme: ThemeData( primarySwatch: Colors.indigo, ), home: const HomeScreen ); } @override bool shouldRepaint(CustomPainter oldDelegate) { return true; } } class HomeScreen extends StatefulWidget { const HomeScreen({Key? key}) : super(key: key); @override State<HomeScreen> createState() => _HomeScreenState(); } class _HomeScreenState extends State<HomeScreen> { @override Widget build(BuildContext context) {
1.5K10发布于 2021-11-30 - 来自专栏快乐八哥
Progressive Web Apps入门
", "icons": [{ "src": "images/touch/homescreen48.png", "sizes": "48x48", "type": "image /png" }, { "src": "images/touch/homescreen72.png", "sizes": "72x72", "type": "image/png " }, { "src": "images/touch/homescreen96.png", "sizes": "96x96", "type": "image/png" }, { "src": "images/touch/homescreen144.png", "sizes": "144x144", "type": "image/png" } , { "src": "images/touch/homescreen168.png", "sizes": "168x168", "type": "image/png" },
2.1K100发布于 2018-01-18 - 来自专栏向治洪
React Native 实现基于react-native-tab-navigator库Tab切换封装
React, { Component } from 'react'; import TabNavigator from 'react-native-tab-navigator'; import HomeScreen /src/widght/HomeScreen'; import MineScreen from '. Home': tabNomal=TAB_HOME_NORMAL; tabPress=TAB_HOME_PRESS; tabPage=<HomeScreen <TabNavigator tabBarStyle={styles.tab}> {this.renderTabView('首页','Home',HomeScreen ,true)} {this.renderTabView('我的','Mine',HomeScreen,false)} </TabNavigator>
4.6K60发布于 2018-02-06 - 来自专栏有困难要上，没有困难创造困难也要上！
react-native导航组件
material-top-tabs $ cd ios $ npx pod-install ios 导航代码 创建 src/navigation.js 文件，在其中添加一个导航器组件，以及两个屏幕组件 HomeScreen react-navigation/native' import { createNativeStackNavigator } from '@react-navigation/native-stack' function HomeScreen NavigationContainer> <Stack.Navigator initialRouteName="Home"> <Stack.Screen name="Home" component={HomeScreen
1.1K10编辑于 2024-06-17 - 来自专栏个人路线
使用 GoRouter 进行 Flutter 导航：Go 与 Push
routes: [ // top-level route GoRoute( path: '/', builder: (context, state) => const HomeScreen ), ) ], ), ], ) 让我们为我们的路线定义 3 个页面： 主页、详细信息和model页面 从顶部路线导航 现在，假设我们在 HomeScreen routes: [ GoRoute( path: '/', builder: (context, state) => const HomeScreen debugShowCheckedModeBanner: false, theme: ThemeData( primarySwatch: Colors.amber, ), ); } } class HomeScreen extends StatelessWidget { const HomeScreen({Key?
3.1K10编辑于 2022-06-24 - 来自专栏干活分享
flutter 路由知识
pushReplacementNamed：当用户成功登录并且现在在 HomeScreen 上时，您不希望用户还能够返回到 LoginScreen。因此，登录应完全由首页替换。 替换本界面 2。 Screen2 弹出的动画与 Screen3 推进的动画而 pushReplacementNamed 仅显示 Screen3 推进的动画 pushNamedAndRemoveUntil 用户已经登陆进入 HomeScreen 用户单击取消并且应弹出所有之前与表单相关的页面，并且应该将用户带回 HomeScreen 或者 DashboardScreen，这种情况下数据属于数据无效！
69320发布于 2020-07-09 从零构建可扩展 Flutter 应用：v1.0 → v2.0 全代码详解 -《已适配开源鸿蒙》
ThemeMode.dark : ThemeMode.light, home: const HomeScreen(), ); } } 说明： 使用 MaterialApp /widgets/app_bar_title.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({super.key }); @override State<HomeScreen> createState() => _HomeScreenState(); } class _HomeScreenState extends State<HomeScreen> { int _counter = 0; void _incrementCounter() { setState(() { _counter /widgets/theme_toggle_button.dart'; class HomeScreen extends ConsumerWidget { const HomeScreen({super.key
24510编辑于 2025-12-21React Native 导航：深入研究导航库
return ( <NavigationContainer> <Stack.Navigator> <Stack.Screen name="Home" component={HomeScreen 堆栈导航器<Stack.Navigator> <Stack.Screen name="Home" component={HomeScreen} /> <Stack.Screen name="Details component={DetailsScreen} /></Stack.Navigator>图像描述标签导航器<Tab.Navigator> <Tab.Screen name="Home" component={HomeScreen 抽屉导航器<Drawer.Navigator> <Drawer.Screen name="Home" component={HomeScreen} /> <Drawer.Screen name="Profile
2.8K00编辑于 2024-01-27- 来自专栏向治洪
React Native导航器之react-navigation使用
中注册 ·params-将参数合并到目标router中 ·action-(高级)sub-action ，如果该界面是一个navigator的话，将运行这个sub-action 例如： class HomeScreen 暂且命名为HomeScreen.js。 class HomeScreen extends React.Component { static navigationOptions = { title: 'Welcome', }; 这时候，我们使用的两个跳转的页面需要在StackNavigator进行注册： const SimpleApp = StackNavigator({ Home: { screen: HomeScreen }, Chat: { screen: ChatScreen },//新添加的页面 }); 所以完整的代码是： class HomeScreen extends React.Component {
14.9K70发布于 2018-02-06 - 来自专栏C++开发学习交流
【Flutter】创建BMI计算器应用并添加依赖和打包
frank_test', theme: ThemeData( primarySwatch: Colors.blue, ), home: const HomeScreen (), ); } } class HomeScreen extends StatelessWidget { const HomeScreen({super.key}); @override
32010编辑于 2025-05-22 - 来自专栏wfaceboss
Flutter实例一--底部规则导航栏制作
3.子页面的编写 3.1新建一个pages目录，装文件 ，然后在目录下面新建home_screen.dart文件，在里面写一个HomeScreen组件，只放入一个AppBar和一个Center，然后用Text Widget表明即可 import 'package:flutter/material.dart'; class HomeScreen extends StatelessWidget { @override 代码如下： List<Widget> list = List(); @override void initState(){ list ..add(HomeScreen()) currentIndex = 0; List<Widget> list = List(); @override void initState(){ list ..add(HomeScreen
1.8K30发布于 2019-04-08 从零开始：用 Flutter 构建一个简洁高效的待办事项应用V1.0.0
主页面：HomeScreen HomeScreen 是整个应用的“大脑”： 持有 _todos 列表（状态） 提供 _addTodo 和 _toggleTodoStatus 方法（状态变更） 渲染 TodoList 并传递回调函数 class _HomeScreenState extends State<HomeScreen> { final List<Todo> _todos = [...]; void ), ), ); } } 根据 isDone 决定是否显示删除线 点击复选框触发父组件的状态更新 数据流： TodoItem → 调用 toggleStatus() → HomeScreen
19610编辑于 2025-12-21- 来自专栏个人路线
flutter组件之GridView.builder()
the debug banner debugShowCheckedModeBanner: false, title: 'Kindacode.com', home: HomeScreen (), ); } } class HomeScreen extends StatelessWidget { final List<Map> myProducts = List.generate
2.4K10发布于 2021-08-02
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号