-
Notifications
You must be signed in to change notification settings - Fork 5
Shared Components
Tristan Elliott edited this page Mar 14, 2024
·
3 revisions
![Modderz Modderz logo](https://private-user-images.githubusercontent.com/47083513/287590152-264372d7-3802-4a75-b7f5-0d1b29bf40f9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2MTczOTYsIm5iZiI6MTczOTYxNzA5NiwicGF0aCI6Ii80NzA4MzUxMy8yODc1OTAxNTItMjY0MzcyZDctMzgwMi00YTc1LWI3ZjUtMGQxYjI5YmY0MGY5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE1VDEwNTgxNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI3M2IyNzJhODA4NTYzMTBhZjI0ZWQyOGJlYjY2MTJkMGU0M2QyMGE5ODNkYTA5YjA5NzZhNGM2YTgxN2QwZmQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.8nkLM2yXwOcqD1jA5_cvMwQmQtRGGaPWJRyYt2EVBlQ)
![Modderz Modderz logo](https://private-user-images.githubusercontent.com/47083513/287590152-264372d7-3802-4a75-b7f5-0d1b29bf40f9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2MTczOTYsIm5iZiI6MTczOTYxNzA5NiwicGF0aCI6Ii80NzA4MzUxMy8yODc1OTAxNTItMjY0MzcyZDctMzgwMi00YTc1LWI3ZjUtMGQxYjI5YmY0MGY5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE1VDEwNTgxNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI3M2IyNzJhODA4NTYzMTBhZjI0ZWQyOGJlYjY2MTJkMGU0M2QyMGE5ODNkYTA5YjA5NzZhNGM2YTgxN2QwZmQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.8nkLM2yXwOcqD1jA5_cvMwQmQtRGGaPWJRyYt2EVBlQ)
- UI demonstration with code below:
![jetpack compose scaffold](https://private-user-images.githubusercontent.com/47083513/312960830-760d03f3-7715-4c0e-b0bb-e2dd8c9fd9c5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2MTczOTYsIm5iZiI6MTczOTYxNzA5NiwicGF0aCI6Ii80NzA4MzUxMy8zMTI5NjA4MzAtNzYwZDAzZjMtNzcxNS00YzBlLWIwYmItZTJkZDhjOWZkOWM1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE1VDEwNTgxNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdhMjNmMWNjZmY1OTk4N2JhYTI2NjgxOTk3OWM3YjhhZGViYTNjMzcxMzE2MzNiZTVlMWM4YmVkNzMyYzUzMDYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.Mz6-CJTHCJS8w7LWvnVwQ-FBPXAbJYnyqeDTfaUeY10)
- example code:
SharedComponents.NoDrawerScaffold(
topBar = {},
bottomBar={}
) { contentPadding ->
//CONTENT
}
}
- UI demonstration of drawer open with code below:
![jetpack compose scaffold](https://private-user-images.githubusercontent.com/47083513/312965139-2d50c609-df54-462d-80b2-a092ea33dd2a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2MTczOTYsIm5iZiI6MTczOTYxNzA5NiwicGF0aCI6Ii80NzA4MzUxMy8zMTI5NjUxMzktMmQ1MGM2MDktZGY1NC00NjJkLTgwYjItYTA5MmVhMzNkZDJhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE1VDEwNTgxNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFlYjJlMDQ5MTJlNDY2MjdiNGE3NDFjMmJkMmYwYzg2OWI1Y2NkZWIyZDdkZTJhYzA3MTMwOGRhYWE0YjBiODYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.hdUID-Z4q19yPjR9zXUKDE6GcewBZFDnN7k_hT7enJA)
SharedComponents.DrawerScaffold(
scaffoldState = scaffoldState,
topBar = {},
bottomBar = { },
drawerContent = {}
) { contentPadding ->
}