paki edit naman itong code ko, ang gusto ko ay kapag hindi naka expand ang container, naka off lang ang camera, magbubukas lang ang camera kapag naka expand ang container.
// ignore_for_file: unused_import, unused_local_variable, prefer_const_constructors, unnecessary_import, prefer_final_fields, library_private_types_in_public_api, avoid_print, deprecated_member_use
import 'package:camera/camera.dart';
import 'package:color_blindness/color_blindness.dart';
import 'package:colorapp/function/deuteranopia.dart';
import 'package:colorapp/function/protanopia.dart';
import 'package:colorapp/function/tritanopia.dart';
import 'package:image_picker/image_picker.dart';
import 'package:colorapp/widget/contact.dart';
import 'package:colorapp/widget/guide.dart';
import 'package:colorapp/widget/info.dart';
import 'package:flutter/material.dart';
import 'package:curved_navigation_bar/curved_navigation_bar.dart';
import 'package:url_launcher/url_launcher.dart';
import 'dart:io';
import 'package:colorapp/global.dart';
import 'color_palette.dart';
import 'package:colorapp/function/camera.dart';
import 'package:colorapp/widget/privacy_policy.dart';
// Define a global variable to store the camera instance
late CameraController _cameraController;
late List<CameraDescription> cameras;
// Get the available cameras
Future<void> getCameras() async {
cameras = await availableCameras();
// Set the first camera as the default
_cameraController = CameraController(cameras[0], ResolutionPreset.medium);
await _cameraController.initialize();
}
// Toggle flashlight
void toggleFlashlight() {
if (_cameraController.value.flashMode == FlashMode.off) {
_cameraController.setFlashMode(FlashMode.torch);
} else {
_cameraController.setFlashMode(FlashMode.off);
}
}
// Capture image
void captureImage() async {
final XFile imageFile = await _cameraController.takePicture();
// Do something with the image file
}
// Switch camera
void switchCamera() async {
final CameraDescription newCamera = _cameraController.description == cameras[0] ? cameras[1] : cameras[0];
await _cameraController.dispose();
_cameraController = CameraController(newCamera, ResolutionPreset.medium);
await _cameraController.initialize();
}
class HomePage extends StatefulWidget {
const HomePage({
Key? key,
required this.toggleDarkMode,
required this.currentTheme,
}) : super(key: key);
final Function() toggleDarkMode;
final ThemeData currentTheme;
Override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> with SingleTickerProviderStateMixin {
final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
bool _isMenuOpen = false;
bool _isSettingsOpen = false;
bool _isDarkModeEnabled = false; // Track dark mode state
bool _isButtonClicked = false;
bool isExpanded = false;
bool isFlashlightOn = false;
CameraController? _cameraController;
CameraDescription? _currentCamera;
Override
void initState() {
super.initState();
availableCameras().then((List<CameraDescription> cameras) {
// Initialize the camera controller with the first camera
_currentCamera = cameras.first;
_cameraController = CameraController(
_currentCamera!,
ResolutionPreset.medium,
);
cameraController!.initialize().then(() {
if (!mounted) {
return;
}
setState(() {});
});
});
}
Override
void dispose() {
_cameraController?.dispose();
super.dispose();
}
void _toggleMenu() {
setState(() {
_isMenuOpen = !_isMenuOpen;
_isSettingsOpen = false; // Close settings if open
if (_isMenuOpen) {
_scaffoldKey.currentState?.openDrawer();
} else {
_scaffoldKey.currentState?.openEndDrawer();
}
});
}
void _toggleSettings() {
setState(() {
_isSettingsOpen = !_isSettingsOpen;
_isMenuOpen = false; // Close menu if open
if (_isSettingsOpen) {
_scaffoldKey.currentState?.openEndDrawer();
} else {
_scaffoldKey.currentState?.openDrawer();
}
});
}
void _toggleDarkMode() {
setState(() {
_isDarkModeEnabled = !_isDarkModeEnabled;
});
}
Override
Widget build(BuildContext context) {
return MaterialApp(
theme: _isDarkModeEnabled ? ThemeData.dark() : ThemeData.light(),
home: Scaffold(
key: _scaffoldKey,
appBar: AppBar(
title: const Text('Dye It'),
backgroundColor: Colors.deepPurple,
titleTextStyle: const TextStyle(fontFamily: 'RobotoMono', fontSize: 24),
),
bottomNavigationBar: CurvedNavigationBar(
backgroundColor: Colors.deepPurple,
buttonBackgroundColor: _isDarkModeEnabled ? Colors.grey : null,
animationDuration: const Duration(milliseconds: 200),
items: [
Icon(Icons.menu, color: _isDarkModeEnabled ? Colors.black : null),
Icon(Icons.home, color: _isDarkModeEnabled ? Colors.black : null),
Icon(Icons.settings, color: _isDarkModeEnabled ? Colors.black : null),
],
onTap: (index) {
if (index == 0) {
_toggleMenu();
} else if (index == 1) {
_isMenuOpen = false;
_isSettingsOpen = false;
setState(() {});
} else if (index == 2) {
_toggleSettings();
}
},
),
body: Stack(
children: [
// Add the code you want here
Opacity(
opacity: _isMenuOpen || _isSettingsOpen ? 0.7 : 1.0,
child: Container(
color: _isMenuOpen || _isSettingsOpen ? Colors.black : null,
),
),
SingleChildScrollView(
child: Column(
children: [
GestureDetector(
onTap: () {
setState(() {
isExpanded = !isExpanded;
});
},
child: AnimatedSize(
duration: const Duration(milliseconds: 200),
curve: Curves.easeInOut,
child: Stack(
children: [
Container(
height: isExpanded
? MediaQuery.of(context).size.height * 0.7
: MediaQuery.of(context).size.height * 0.3,
width: MediaQuery.of(context).size.width,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Colors.deepPurple,
),
child: isExpanded
? ClipRRect(
borderRadius: BorderRadius.circular(20),
child: CameraPreview(_cameraController!),
)
: const Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
Icons.camera,
color: Colors.white,
size: 48,
),
SizedBox(height: 10),
Text(
'CAMERA',
style: TextStyle(
color: Colors.white,
fontSize: 22,
),
)
],
),
),
),
if (isExpanded)
Positioned(
bottom: 16,
right: 16,
left: 16,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, // Added this
children: [
FloatingActionButton(
onPressed: () {
// Toggle flashlight
if (_cameraController != null &&
_cameraController!.value.isInitialized) {
if (_cameraController!.value.flashMode == FlashMode.off) {
_cameraController!.setFlashMode(FlashMode.torch);
setState(() {
isFlashlightOn = true;
});
} else {
_cameraController!.setFlashMode(FlashMode.off);
setState(() {
isFlashlightOn = false;
});
}
}
},
mini: true, // Added this
backgroundColor: const Color.fromARGB(255, 65, 65, 65), // Added this
foregroundColor: Colors.white,
child: Icon(
isFlashlightOn ? Icons.flash_off : Icons.flash_on,
), // Added this
),
FloatingActionButton(
onPressed: () async {
// Capture image
if (_cameraController != null &&
_cameraController!.value.isInitialized) {
try {
final XFile imageFile =
await _cameraController!.takePicture();
// Do something with the image file
} catch (e) {
print('Error capturing image: $e');
}
}
},
backgroundColor: const Color.fromARGB(255, 65, 65, 65), // Added this
foregroundColor: Colors.white, // Added this
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20.0), // Added this
),
// Added the following properties for size customization
elevation: 0,
highlightElevation: 0,
mini: false,
heroTag: null,
child: Icon(Icons.camera_alt),
),
SizedBox(width: 40), // Added this for spacing between buttons
],
),
),
],
),
),
),
SizedBox(
height: 5,
),
Container(
margin: EdgeInsets.all(5),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
//Tritanopia
OutlinedButton(
onPressed: () {
setState(() {
isExpanded = !isExpanded;
});
},
style: OutlinedButton.styleFrom(
side: BorderSide(color: Colors.deepPurple),
backgroundColor: _isButtonClicked ? Colors.deepPurple : Colors.transparent,
),
child: Text('Tritanopia'),
),
//Deuteranopia
OutlinedButton(
onPressed: () {
setState(() {
isExpanded = !isExpanded;
});
},
style: OutlinedButton.styleFrom(
side: BorderSide(color: Colors.deepPurple),
backgroundColor: _isButtonClicked ? Colors.deepPurple : Colors.transparent,
),
child: Text('Deuteranopia'),
),
OutlinedButton(
onPressed: () {
setState(() {
isExpanded = !isExpanded;
});
},
style: OutlinedButton.styleFrom(
side: BorderSide(color: Colors.deepPurple),
backgroundColor: _isButtonClicked ? Colors.deepPurple : Colors.transparent,
),
child: Text('Protanopia'),
),
],
),
),
Divider(
color: _isDarkModeEnabled ? Colors.white : Colors.black,
),
Container(
margin: EdgeInsets.symmetric(horizontal: 5), // Adjust the margin as needed
child: Row(
mainAxisAlignment: MainAxisAlignment.start, // Align buttons to the left
children: [
PopupMenuButton<String>(
onSelected: (String value) {
// Add your functionality for the first button here based on the selected value
},
itemBuilder: (BuildContext context) => <PopupMenuEntry<String>>[
PopupMenuItem<String>(
value: 'Option 1',
child: Text('Option 1'),
),
PopupMenuItem<String>(
value: 'Option 2',
child: Text('Option 2'),
),
// Add more options as needed
],
child: ElevatedButton(
onPressed: null, // Disable the button because it triggers the popup
style: ElevatedButton.styleFrom(
primary: Colors.deepPurple, // Button background color
),
child: Text('Button 1'),
),
),
SizedBox(width: 225), // Add spacing between buttons
TextButton(
onPressed: () {
// Add your functionality for the second button here
},
style: TextButton.styleFrom(
primary: Colors.deepPurple, // Button text color
),
child: Text('Button 2'),
),
],
),
),
Container(
height: MediaQuery.of(context).size.height * 0.6,
width: MediaQuery.of(context).size.width,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20), // Rounded corners
),
child: GridView.builder(
itemCount: 16,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3),
itemBuilder: (context, index) {
return Padding(
padding: const EdgeInsets.all(2.0),
child: Container(
height: 50,
width: 50,
color: Colors.grey,
),
);
}
),
),
],
),
),
if (_isMenuOpen || _isSettingsOpen)
GestureDetector(
onTap: () {
_isMenuOpen = false;
_isSettingsOpen = false;
setState(() {});
},
child: Container(
color: Colors.black.withOpacity(0.7),
),
),
if (_isMenuOpen)
Positioned(
left: 0,
top: 0,
bottom: 0,
width: 200,
child: Drawer(
child: Column(
children: <Widget>[
Padding(
padding: EdgeInsets.all(5),
child: ElevatedButton(
onPressed: () {},
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: const [
Icon(Icons.person),
SizedBox(width: 8),
Text(
'Sign Up',
style: TextStyle(fontSize: 20),
),
],
),
),
),
Divider(
color: _isDarkModeEnabled ? Colors.white : Colors.black,
),
ListTile(
title: Text('Color Palette'),
onTap: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => ColorPalettePage(
isDarkModeEnabled: _isDarkModeEnabled,
),
),
);
},
),
ListTile(
title: Text('About Us'),
),
ListTile(
title: Text('Privacy Policy'),
),
],
),
),
),
if (_isSettingsOpen)
Positioned(
right: 0,
top: 0,
bottom: 0,
width: 200,
child: Drawer(
child: Column(
children: <Widget>[
Expanded(
child: ListView(
padding: EdgeInsets.zero,
children: <Widget>[
ListTile(
title: Text('DarkMode'),
trailing: Switch(
value: _isDarkModeEnabled,
onChanged: (value) {
_toggleDarkMode();
},
),
),
Divider(
color: _isDarkModeEnabled
? Colors.white
: Colors.black,
),
ListTile(
title: Text('Guide'),
onTap: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => GuidePage(),
),
);
},
),
ListTile(
title: Text('About'),
onTap: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => InfoPage(
isDarkModeEnabled: _isDarkModeEnabled,
),
),
);
},
),
ListTile(
title: Text('Contact us'),
onTap: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => ContactPage(),
),
);
},
),
ListTile(
title: Text('Privacy Policy'),
onTap: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => PrivacyPolicyPage(
isDarkModeEnabled: _isDarkModeEnabled,
),
),
);
},
),
],
),
),
],
),
),
),
],
),
),
);
}
}
