react-native-windows 0.81.0-preview.1 → 0.81.0-preview.10

package/Chakra/ChakraUtils.cpp

@@ -166,8 +166,6 @@ FileMappingBigString::FileMappingBigString(const std::wstring &filename, uint32_
     return;
   }
 
-  WerRegisterMemoryBlock(m_fileData.get(), m_fileSize);
-
   static const uint32_t s_pageSize = getPageSize();
   if (m_fileSize % s_pageSize != 0) {
     // Data are owned by m_fileData, deleter is no-op

package/Directory.Build.props

@@ -27,9 +27,9 @@
     <IncludeSource Condition="'$(Configuration)' == 'Release'">false</IncludeSource>
     <!-- When bumping the Folly version, be sure to bump the git hash of that version's commit, find the matching fastfloat dependency and build Folly.vcxproj (to update its cgmanifest.json) too. -->
     <FollyVersion>2024.10.14.00</FollyVersion>
-    <FastFloatVersion>6.1.4</FastFloatVersion>
+    <FastFloatVersion>8.0.0</FastFloatVersion>
     <FollyCommitHash>ad90720829db5ba0c3d0e44994856dcce33d7940</FollyCommitHash>
-    <FastFloatCommitHash>ad90720829db5ba0c3d0e44994856dcce33d7940</FastFloatCommitHash>
+    <FastFloatCommitHash>77cc847c842c49e7e3477c1e95da2b6540166d66</FastFloatCommitHash>
     <!-- When bumping the fmt version, be sure to bump the git hash of that version's commit and build fmt.vcxproj (to update its cgmanifest.json) too. -->
     <FmtVersion>10.1.0</FmtVersion>
     <FmtCommitHash>ca2e3685b160617d3d95fcd9e789c4e06ca88</FmtCommitHash>
@@ -52,6 +52,9 @@
     <FollyDir Condition="'$(FollyDir)' == '' AND Exists('$([MSBuild]::NormalizeDirectory($(ReactNativeDir)..\..\node_modules))')">$(ReactNativeDir)..\..\node_modules\.folly\folly-$(FollyVersion)</FollyDir>
     <FollyDir>$([MSBuild]::NormalizeDirectory($(FollyDir)))</FollyDir>
 
+    <FastFloatDir Condition="'$(FastFloatDir)' == '' AND Exists('$([MSBuild]::NormalizeDirectory($(ReactNativeDir)..\..\node_modules))')">$(ReactNativeDir)..\..\node_modules\.fastfloat\fast_float-$(FastFloatVersion)</FastFloatDir>
+    <FastFloatDir>$([MSBuild]::NormalizeDirectory($(FastFloatDir)))</FastFloatDir>
+
     <FmtDir Condition="'$(FmtDir)' == '' AND Exists('$([MSBuild]::NormalizeDirectory($(ReactNativeDir)..\..\node_modules))')">$(ReactNativeDir)..\..\node_modules\.fmt\fmt-$(FmtVersion)</FmtDir>
     <FmtDir>$([MSBuild]::NormalizeDirectory($(FmtDir)))</FmtDir>
 

package/Folly/Folly.vcxproj

@@ -243,7 +243,6 @@
     <ClInclude Include="$(FollyDir)\folly\Uri.h" />
     <ClInclude Include="$(FollyDir)\folly\Utility.h" />
     <ClInclude Include="$(FollyDir)\folly\Varint.h" />
-    <ClInclude Include="$(FollyDir)\..\fast_float-6.1.4\include\fast_float\fast_float.h" />
     <ClInclude Include="pch.h" />
   </ItemGroup>
   <ItemGroup>
@@ -271,7 +270,7 @@
       <PrecompiledHeader>Use</PrecompiledHeader>
       <CompileAsWinRT>false</CompileAsWinRT>
       <SDLCheck>true</SDLCheck>
-      <AdditionalIncludeDirectories>$(ReactNativeWindowsDir)stubs;$(FollyDir);$(FollyDir)\..\fast_float-6.1.4\include;$(FmtDir)\include;%(AdditionalIncludeDirectories)</AdditionalIncludeDirectories>
+      <AdditionalIncludeDirectories>$(ReactNativeWindowsDir)stubs;$(FollyDir);$(FastFloatDir)\include;$(FmtDir)\include;%(AdditionalIncludeDirectories)</AdditionalIncludeDirectories>
       <PreprocessorDefinitions>FOLLY_CFG_NO_COROUTINES;FOLLY_NO_CONFIG;NOMINMAX;_CRT_SECURE_NO_WARNINGS;WINAPI_PARTITION_APP;%(PreprocessorDefinitions)</PreprocessorDefinitions>
       <ForcedUsingFiles />
       <DisableSpecificWarnings>4251;4293;4305;4800;4804;4310;%(DisableSpecificWarnings)</DisableSpecificWarnings>
@@ -292,8 +291,8 @@
     <CGManifestFile>$(MSBuildThisFileDirectory)cgmanifest.json</CGManifestFile>
   </PropertyGroup>
   <PropertyGroup>
-    <FastFloatZipDir>$(FollyDir)..\.fastfloatzip</FastFloatZipDir>
-    <FastFloatZipFile>$(FollyDir)..\.fastfloatzip\fastfloat.zip</FastFloatZipFile>
+    <FastFloatZipDir>$(FastFloatDir)..\.fastfloatzip</FastFloatZipDir>
+    <FastFloatZipFile>$(FastFloatZipDir)\fastfloat.zip</FastFloatZipFile>
   </PropertyGroup>
   <Target Name="DownloadFolly" BeforeTargets="PrepareForBuild" Inputs="$(FollyZipFile)" Outputs="$(FollyZipFile)">
     <Message Importance="High" Text="Downloading folly..." />
@@ -320,11 +319,11 @@
       OverwriteReadOnlyFiles="true" />
   </Target>
   <Target Name="UnzipFastFloat" BeforeTargets="PrepareForBuild" DependsOnTargets="DownloadFastFloat">
-    <Message Condition="!Exists('$(FastFloatZipDir)\include\fast_float.h')" Importance="High" Text="Unzipping FastFloat to $([MSBuild]::NormalizePath($(FastFloatZipDir)..))." />
+    <Message Condition="!Exists('$(FastFloatDir)\include\fast_float\fast_float.h')" Importance="High" Text="Unzipping FastFloat to $([MSBuild]::NormalizePath($(FastFloatDir)..))." />
     <Unzip
-      Condition="!Exists('$(FastFloatZipDir)\include\fast_float.h')"
+      Condition="!Exists('$(FastFloatDir)\include\fast_float\fast_float.h')"
       SourceFiles="$(FastFloatZipFile)"
-      DestinationFolder="$([MSBuild]::NormalizePath($(FollyDir)..))"
+      DestinationFolder="$([MSBuild]::NormalizePath($(FastFloatDir)..))"
       OverwriteReadOnlyFiles="true" />
   </Target>
   <Target Name="WriteCGManifest" BeforeTargets="PrepareForBuild" DependsOnTargets="DownloadFolly" Inputs="$(FollyZipFile)" Outputs="$(CGManifestFile)">

package/Folly/cgmanifest.json

@@ -16,7 +16,7 @@
                 "Type": "git",
                 "Git": {
                   "RepositoryUrl": "https://github.com/fastfloat/fast_float",
-                  "CommitHash": "ad90720829db5ba0c3d0e44994856dcce33d7940"
+                  "CommitHash": "77cc847c842c49e7e3477c1e95da2b6540166d66"
                 }
             },
             "DevelopmentDependency": false

package/Microsoft.ReactNative/CompositionSwitcher.idl

@@ -1,178 +1,179 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 
-#include "NamespaceRedirect.h"
 #include "DocString.h"
+#include "NamespaceRedirect.h"
 import "Composition.Input.idl";
 
-namespace Microsoft.ReactNative.Composition.Experimental
+namespace Microsoft.ReactNative.Composition.Experimental {
+enum CompositionStretch {
+  None,
+  Fill,
+  Uniform,
+  UniformToFill,
+};
+
+enum BackfaceVisibility { Inherit, Visible, Hidden };
+
+enum AnimationClass {
+  None = 0,
+  ScrollBar,
+  ScrollBarThumbHorizontal,
+  ScrollBarThumbVertical,
+  SwitchThumb,
+};
+
+enum SnapPointsAlignment {
+  Near = 0, // Start alignment (left/top)
+  Center = 1, // Center alignment
+  Far = 2, // End alignment (right/bottom)
+};
+
+[webhosthidden][uuid("172def51-9e1a-4e3c-841a-e5a470065acc")] // uuid needed for empty interfaces
+               [version(0)][experimental] interface IBrush {}
+
+                   [webhosthidden][experimental] interface IDrawingSurfaceBrush
+  requires IBrush
+{
+  void HorizontalAlignmentRatio(Single value);
+  void VerticalAlignmentRatio(Single value);
+  void Stretch(CompositionStretch value);
+}
+
+[webhosthidden][experimental] interface IDropShadow {
+  void Offset(Windows.Foundation.Numerics.Vector3 value);
+  void Opacity(Single value);
+  void BlurRadius(Single value);
+  void Color(Windows.UI.Color value);
+}
+
+    [webhosthidden][experimental] interface IVisual {
+  void InsertAt(IVisual visual, Int32 index);
+  void Remove(IVisual visual);
+  IVisual GetAt(UInt32 index);
+  void Opacity(Single opacity);
+  void Scale(Windows.Foundation.Numerics.Vector3 scale);
+  void TransformMatrix(Windows.Foundation.Numerics.Matrix4x4 transform);
+  void RotationAngle(Single angle);
+  void IsVisible(Boolean isVisible);
+  void Size(Windows.Foundation.Numerics.Vector2 size);
+  void Offset(Windows.Foundation.Numerics.Vector3 offset);
+  void Offset(Windows.Foundation.Numerics.Vector3 offset, Windows.Foundation.Numerics.Vector3 relativeAdjustment);
+  void RelativeSizeWithOffset(
+      Windows.Foundation.Numerics.Vector2 size, Windows.Foundation.Numerics.Vector2 relativeSizeAdjustment);
+  BackfaceVisibility BackfaceVisibility {
+    get;
+    set;
+  };
+  String Comment {
+    get;
+    set;
+  };
+  void AnimationClass(AnimationClass value);
+}
+
+[webhosthidden][experimental] interface ISpriteVisual
+  requires IVisual
+{
+  void Brush(IBrush brush);
+  void Shadow(IDropShadow shadow);
+}
+
+    [webhosthidden][experimental] interface IRoundedRectangleVisual
+  requires IVisual
 {
-  enum CompositionStretch
-  {
-    None,
-    Fill,
-    Uniform,
-    UniformToFill,
+  void Brush(IBrush brush);
+  void CornerRadius(Windows.Foundation.Numerics.Vector2 value);
+  void StrokeBrush(IBrush brush);
+  void StrokeThickness(Single value);
+}
+
+[webhosthidden][experimental] interface IScrollPositionChangedArgs {
+  Windows.Foundation.Numerics.Vector2 Position {
+    get;
   };
+}
 
-  enum BackfaceVisibility
-  {
-    Inherit,
-    Visible,
-    Hidden
+    [webhosthidden][experimental] interface IScrollVisual
+  requires IVisual
+{
+  void Brush(IBrush brush);
+  void ScrollEnabled(Boolean isScrollEnabled);
+  event Windows.Foundation.EventHandler<IScrollPositionChangedArgs> ScrollPositionChanged;
+  event Windows.Foundation.EventHandler<IScrollPositionChangedArgs> ScrollBeginDrag;
+  event Windows.Foundation.EventHandler<IScrollPositionChangedArgs> ScrollEndDrag;
+  event Windows.Foundation.EventHandler<IScrollPositionChangedArgs> ScrollMomentumBegin;
+  event Windows.Foundation.EventHandler<IScrollPositionChangedArgs> ScrollMomentumEnd;
+  void ContentSize(Windows.Foundation.Numerics.Vector2 size);
+  Windows.Foundation.Numerics.Vector3 ScrollPosition {
+    get;
+  };
+  void ScrollBy(Windows.Foundation.Numerics.Vector3 offset, Boolean animate);
+  void TryUpdatePosition(Windows.Foundation.Numerics.Vector3 position, Boolean animate);
+  void OnPointerPressed(Microsoft.ReactNative.Composition.Input.PointerRoutedEventArgs args);
+  void SetDecelerationRate(Windows.Foundation.Numerics.Vector3 decelerationRate);
+  void SetMaximumZoomScale(Single maximumZoomScale);
+  void SetMinimumZoomScale(Single minimumZoomScale);
+  Boolean Horizontal;
+  void SetSnapPoints(
+      Boolean snapToStart, Boolean snapToEnd, Windows.Foundation.Collections.IVectorView<Single> offsets);
+  void PagingEnabled(Boolean pagingEnabled);
+  void SnapToInterval(Single interval);
+  void SnapToAlignment(SnapPointsAlignment alignment);
+}
+
+[webhosthidden][experimental] interface IActivityVisual
+  requires IVisual
+{
+  void Size(Single value);
+  void Brush(IBrush brush);
+  void StartAnimation();
+  void StopAnimation();
+}
+
+    [webhosthidden][experimental] interface ICaretVisual {
+  IVisual InnerVisual {
+    get;
   };
-  
-  enum AnimationClass
-  {
-    None = 0,
-    ScrollBar,
-    ScrollBarThumbHorizontal,
-    ScrollBarThumbVertical,
-    SwitchThumb,
+  void Size(Windows.Foundation.Numerics.Vector2 size);
+  void Position(Windows.Foundation.Numerics.Vector2 position);
+  Boolean IsVisible {
+    get;
+    set;
   };
+  void Brush(IBrush brush);
+}
 
-  [webhosthidden]
-  [uuid("172def51-9e1a-4e3c-841a-e5a470065acc")] // uuid needed for empty interfaces
-  [version(0)]
-  [experimental]
-  interface IBrush {
-  }
-
-  [webhosthidden]
-  [experimental]
-  interface IDrawingSurfaceBrush requires IBrush
-  {
-    void HorizontalAlignmentRatio(Single value);
-    void VerticalAlignmentRatio(Single value);
-    void Stretch(CompositionStretch value);
-  }
-
-  [webhosthidden]
-  [experimental]
-  interface IDropShadow {
-    void Offset(Windows.Foundation.Numerics.Vector3 value);
-    void Opacity(Single value);
-    void BlurRadius(Single value);
-    void Color(Windows.UI.Color value);
-  }
-
-  [webhosthidden]
-  [experimental]
-  interface IVisual
-  {
-    void InsertAt(IVisual visual, Int32 index);
-    void Remove(IVisual visual);
-    IVisual GetAt(UInt32 index);
-    void Opacity(Single opacity);
-    void Scale(Windows.Foundation.Numerics.Vector3 scale);
-    void TransformMatrix(Windows.Foundation.Numerics.Matrix4x4 transform);
-    void RotationAngle(Single angle);
-    void IsVisible(Boolean isVisible);
-    void Size(Windows.Foundation.Numerics.Vector2 size);
-    void Offset(Windows.Foundation.Numerics.Vector3 offset);
-    void Offset(Windows.Foundation.Numerics.Vector3 offset, Windows.Foundation.Numerics.Vector3 relativeAdjustment);
-    void RelativeSizeWithOffset(Windows.Foundation.Numerics.Vector2 size, Windows.Foundation.Numerics.Vector2 relativeSizeAdjustment);
-    BackfaceVisibility BackfaceVisibility{ get; set; };
-    String Comment { get; set; };
-    void AnimationClass(AnimationClass value);
-  }
-
-  [webhosthidden]
-  [experimental]
-  interface ISpriteVisual requires IVisual
-  {
-    void Brush(IBrush brush);
-    void Shadow(IDropShadow shadow);
-  }
-
-  [webhosthidden]
-  [experimental]
-  interface IRoundedRectangleVisual requires IVisual
-  {
-    void Brush(IBrush brush);
-    void CornerRadius(Windows.Foundation.Numerics.Vector2 value);
-    void StrokeBrush(IBrush brush);
-    void StrokeThickness(Single value);
-  }
-
-  [webhosthidden]
-  [experimental]
-  interface IScrollPositionChangedArgs
-  {
-    Windows.Foundation.Numerics.Vector2 Position { get; };
-  }
-
-  [webhosthidden]
-  [experimental]
-  interface IScrollVisual requires IVisual
-  {
-    void Brush(IBrush brush);
-    void ScrollEnabled(Boolean isScrollEnabled);
-    event Windows.Foundation.EventHandler<IScrollPositionChangedArgs> ScrollPositionChanged;
-    event Windows.Foundation.EventHandler<IScrollPositionChangedArgs> ScrollBeginDrag;
-	  event Windows.Foundation.EventHandler<IScrollPositionChangedArgs> ScrollEndDrag;
-    event Windows.Foundation.EventHandler<IScrollPositionChangedArgs> ScrollMomentumBegin;
-    event Windows.Foundation.EventHandler<IScrollPositionChangedArgs> ScrollMomentumEnd;
-    void ContentSize(Windows.Foundation.Numerics.Vector2 size);
-    Windows.Foundation.Numerics.Vector3 ScrollPosition { get; };
-    void ScrollBy(Windows.Foundation.Numerics.Vector3 offset, Boolean animate);
-    void TryUpdatePosition(Windows.Foundation.Numerics.Vector3 position, Boolean animate);
-    void OnPointerPressed(Microsoft.ReactNative.Composition.Input.PointerRoutedEventArgs args);
-    void SetDecelerationRate(Windows.Foundation.Numerics.Vector3 decelerationRate);
-    void SetMaximumZoomScale(Single maximumZoomScale);
-    void SetMinimumZoomScale(Single minimumZoomScale);
-    Boolean Horizontal;
-    void SetSnapPoints(Boolean snapToStart, Boolean snapToEnd, Windows.Foundation.Collections.IVectorView<Single> offsets);
-  }
-
-  [webhosthidden]
-  [experimental]
-  interface IActivityVisual requires IVisual
-  {
-    void Size(Single value);
-    void Brush(IBrush brush);
-    void StartAnimation();
-    void StopAnimation();
-  }
-
-  [webhosthidden]
-  [experimental]
-  interface ICaretVisual
-  {
-    IVisual InnerVisual { get; };
-    void Size(Windows.Foundation.Numerics.Vector2 size);
-    void Position(Windows.Foundation.Numerics.Vector2 position);
-    Boolean IsVisible { get; set; };
-    void Brush(IBrush brush);
-  }
-
-  [webhosthidden]
-  [experimental]
-  interface IFocusVisual
-  {
-    IVisual InnerVisual { get; };
-    Boolean IsFocused { get; set; };
-    Single ScaleFactor { get; set; };
-  }
-
-  [webhosthidden]
-  [experimental]
-  interface ICompositionContext
-  {
-    ISpriteVisual CreateSpriteVisual();
-    IScrollVisual CreateScrollerVisual();
-    IRoundedRectangleVisual CreateRoundedRectangleVisual();
-    IActivityVisual CreateActivityVisual();
-    ICaretVisual CreateCaretVisual();
-    IFocusVisual CreateFocusVisual();
-    IDropShadow CreateDropShadow();
-    IBrush CreateColorBrush(Windows.UI.Color color);
-    IDrawingSurfaceBrush CreateDrawingSurfaceBrush(Windows.Foundation.Size surfaceSize,
+[webhosthidden][experimental] interface IFocusVisual {
+  IVisual InnerVisual {
+    get;
+  };
+  Boolean IsFocused {
+    get;
+    set;
+  };
+  Single ScaleFactor {
+    get;
+    set;
+  };
+}
+
+    [webhosthidden][experimental] interface ICompositionContext {
+  ISpriteVisual CreateSpriteVisual();
+  IScrollVisual CreateScrollerVisual();
+  IRoundedRectangleVisual CreateRoundedRectangleVisual();
+  IActivityVisual CreateActivityVisual();
+  ICaretVisual CreateCaretVisual();
+  IFocusVisual CreateFocusVisual();
+  IDropShadow CreateDropShadow();
+  IBrush CreateColorBrush(Windows.UI.Color color);
+  IDrawingSurfaceBrush CreateDrawingSurfaceBrush(
+      Windows.Foundation.Size surfaceSize,
       Windows.Graphics.DirectX.DirectXPixelFormat pixelFormat,
       Windows.Graphics.DirectX.DirectXAlphaMode alphaMode);
 
-    // TODO Add and hook up to rootnode - to notify the tree
-    // event Windows.Foundation.EventHandler<RenderingDeviceReplacedArgs> RenderingDeviceReplaced;
-  }
+  // TODO Add and hook up to rootnode - to notify the tree
+  // event Windows.Foundation.EventHandler<RenderingDeviceReplacedArgs> RenderingDeviceReplaced;
+}
 
-} // namespace Microsoft.ReactNative.Composition.Experimental
+} // namespace Microsoft.ReactNative.Composition. Experimental

package/Microsoft.ReactNative/Fabric/Composition/CompositionContextHelper.cpp

@@ -910,6 +910,31 @@ struct CompScrollerVisual : winrt::implements<
         m_snapToOffsets.push_back(offset);
       }
     }
+    // Match Paper behavior: snapToOffsets disables pagingEnabled and snapToInterval
+    if (!m_snapToOffsets.empty()) {
+      m_pagingEnabled = false;
+      m_snapToInterval = 0.0f;
+    }
+    ConfigureSnapInertiaModifiers();
+  }
+
+  void PagingEnabled(bool pagingEnabled) noexcept {
+    m_pagingEnabled = pagingEnabled;
+    ConfigureSnapInertiaModifiers();
+  }
+
+  void SnapToInterval(float interval) noexcept {
+    m_snapToInterval = interval;
+    // Match Paper behavior: snapToOffsets disables snapToInterval
+    if (!m_snapToOffsets.empty()) {
+      m_snapToInterval = 0.0f;
+    }
+    ConfigureSnapInertiaModifiers();
+  }
+
+  void SnapToAlignment(
+      winrt::Microsoft::ReactNative::Composition::Experimental::SnapPointsAlignment alignment) noexcept {
+    m_snapToAlignment = alignment;
     ConfigureSnapInertiaModifiers();
   }
 
@@ -934,9 +959,13 @@ struct CompScrollerVisual : winrt::implements<
   }
 
   void Size(winrt::Windows::Foundation::Numerics::float2 const &size) noexcept {
+    bool sizeChanged = (m_visualSize.x != size.x || m_visualSize.y != size.y);
     m_visualSize = size;
     m_visual.Size(size);
     UpdateMaxPosition();
+    if (sizeChanged && m_pagingEnabled) {
+      ConfigureSnapInertiaModifiers();
+    }
   }
 
   void Offset(winrt::Windows::Foundation::Numerics::float3 const &offset) noexcept {
@@ -1046,9 +1075,13 @@ struct CompScrollerVisual : winrt::implements<
   }
 
   void ContentSize(winrt::Windows::Foundation::Numerics::float2 const &size) noexcept {
+    bool sizeChanged = (m_contentSize.x != size.x || m_contentSize.y != size.y);
     m_contentSize = size;
     m_contentVisual.Size(size);
     UpdateMaxPosition();
+    if (sizeChanged && m_pagingEnabled) {
+      ConfigureSnapInertiaModifiers();
+    }
   }
 
   winrt::Windows::Foundation::Numerics::float3 ScrollPosition() const noexcept {
@@ -1155,11 +1188,73 @@ struct CompScrollerVisual : winrt::implements<
     // Collect and deduplicate all snap positions
     std::vector<float> snapPositions;
 
-    if (m_snapToStart) {
-      snapPositions.push_back(0.0f);
+    // Priority: snapToOffsets > snapToInterval > pagingEnabled
+    if (!m_snapToOffsets.empty()) {
+      // Use explicit snap points when snapToOffsets is set (highest priority)
+      if (m_snapToStart) {
+        snapPositions.push_back(0.0f);
+      }
+      snapPositions.insert(snapPositions.end(), m_snapToOffsets.begin(), m_snapToOffsets.end());
+    } else if (m_snapToInterval > 0.0f) {
+      // Generate snap points at interval positions
+      float viewportSize = m_horizontal ? visualSize.x : visualSize.y;
+      float maxScroll =
+          m_horizontal ? std::max(contentSize.x - visualSize.x, 0.0f) : std::max(contentSize.y - visualSize.y, 0.0f);
+
+      // Calculate alignment offset based on snapToAlignment
+      float alignmentOffset = 0.0f;
+      using SnapPointsAlignment = winrt::Microsoft::ReactNative::Composition::Experimental::SnapPointsAlignment;
+      if (m_snapToAlignment == SnapPointsAlignment::Center) {
+        alignmentOffset = -viewportSize / 2.0f;
+      } else if (m_snapToAlignment == SnapPointsAlignment::Far) {
+        alignmentOffset = -viewportSize;
+      }
+      // Near (start) alignment has no offset (alignmentOffset = 0)
+
+      // Generate snap points at interval positions with alignment offset
+      for (float position = alignmentOffset; position <= maxScroll; position += m_snapToInterval) {
+        if (position >= 0.0f) { // Only include positions >= 0
+          snapPositions.push_back(position);
+        }
+      }
+
+      // Ensure we have at least the start position
+      if (snapPositions.empty() || snapPositions.front() > 0.0f) {
+        snapPositions.insert(snapPositions.begin(), 0.0f);
+      }
+
+      // Ensure the end position is included if not already
+      if (!snapPositions.empty() && snapPositions.back() < maxScroll) {
+        snapPositions.push_back(maxScroll);
+      }
+    } else if (m_pagingEnabled) {
+      // Generate snap points at viewport intervals (paging)
+      float viewportSize = m_horizontal ? visualSize.x : visualSize.y;
+      float maxScroll =
+          m_horizontal ? std::max(contentSize.x - visualSize.x, 0.0f) : std::max(contentSize.y - visualSize.y, 0.0f);
+
+      // Only generate paging snap points if viewport size is valid
+      if (viewportSize > 0 && maxScroll > 0) {
+        // Add snap points at each page (viewport size) interval
+        for (float position = 0.0f; position <= maxScroll; position += viewportSize) {
+          snapPositions.push_back(position);
+        }
+
+        // Ensure the end position is included if not already
+        if (!snapPositions.empty() && snapPositions.back() < maxScroll) {
+          snapPositions.push_back(maxScroll);
+        }
+      } else {
+        // If content fits in viewport or invalid size, just snap to start
+        snapPositions.push_back(0.0f);
+      }
+    } else {
+      // No interval or paging - use explicit snap points only
+      if (m_snapToStart) {
+        snapPositions.push_back(0.0f);
+      }
     }
 
-    snapPositions.insert(snapPositions.end(), m_snapToOffsets.begin(), m_snapToOffsets.end());
     std::sort(snapPositions.begin(), snapPositions.end());
     snapPositions.erase(std::unique(snapPositions.begin(), snapPositions.end()), snapPositions.end());
 
@@ -1222,7 +1317,8 @@ struct CompScrollerVisual : winrt::implements<
       restingValues.push_back(restingValue);
     }
 
-    if (m_snapToEnd) {
+    // Only add snapToEnd handling when NOT using pagingEnabled or snapToInterval (they already include end position)
+    if (m_snapToEnd && !m_pagingEnabled && m_snapToInterval <= 0.0f) {
       auto endRestingValue = TTypeRedirects::InteractionTrackerInertiaRestingValue::Create(compositor);
 
       // Create property sets to dynamically compute content - visual size
@@ -1286,6 +1382,10 @@ struct CompScrollerVisual : winrt::implements<
   bool m_horizontal{false};
   bool m_snapToStart{true};
   bool m_snapToEnd{true};
+  bool m_pagingEnabled{false};
+  float m_snapToInterval{0.0f};
+  winrt::Microsoft::ReactNative::Composition::Experimental::SnapPointsAlignment m_snapToAlignment{
+      winrt::Microsoft::ReactNative::Composition::Experimental::SnapPointsAlignment::Near};
   std::vector<float> m_snapToOffsets;
   bool m_inertia{false};
   bool m_custom{false};